<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1945396" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">展开-01</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">收起-01</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">组 10158</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">删除-01</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">添加-01</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">商品管理</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">订单管理</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">营销中心</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">导购业绩</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">消息配置</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">容器</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">文章管理-01</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">提现申请-01</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">导购管理-01</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">分销管理-01</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">售后管理-01</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">下移-01</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">禁用-01</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">上移-01</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">启用-01</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe830;</span>
                <div class="name">热区</div>
                <div class="code-name">&amp;#xe830;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82f;</span>
                <div class="name">requ</div>
                <div class="code-name">&amp;#xe82f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">ic_Like2</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">ic_商城</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">ic_Like</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">组 8022 (2)</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">复制 1</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">选中 (1)</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">未选中</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">待发货-积分</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">ic_fire</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">复选框-未选中</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">操作-整体</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">操作-边角</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">右上角</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">下</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">形状结合</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">显示</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">上</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">加号</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">复选框-选中</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">右下角</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">隐藏</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">右</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">左上角</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">左下角</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">组件-公众号</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">组件-拼团</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">组件-商品选项卡</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">组件-签到</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">组件-悬浮按钮</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">组件-选项卡</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">组件-积分商城</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">组件-砍价</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">组件-热区</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">组件-短视频</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">组件-新人专享</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">组件-排行榜</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">组件-用户信息</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">组件-预售</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">组件-店铺街</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">组件-导航组</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">组件-标题</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">组件-辅助空白</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">组件-图片魔方</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">组件-商品分类</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">组件-文章列表</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">组件-商品列表</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">组件-轮播图</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">组件-小程序直播</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">组件-富文本</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">组件-视频</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">组件-搜索框</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">组件-种草社区</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">组件-悬浮菜单</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">组件-秒杀</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">组件-优惠券</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">组件-新闻播报</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">组件-选项卡</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">组件-轮播搜索</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">组件-辅助线</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">组件-底部菜单</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">待处理-用户反馈</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">待退款</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">待审核-提现</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">待审核-商户入驻</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">待审核-社区内容</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">警戒库存</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">待审核-转账</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">普通商品</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">售罄商品</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">待核销-分销礼包</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">待回复</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">待开票</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">待核销</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">在售商品</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">活动商品</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">商品</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">分销管理</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">文章管理</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">订单管理</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">短信配置</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">商业授权</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">微信支付</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">宫格</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">收银台-收银</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">收银台-订单</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">收银台-核销</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">收银台-桌码</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">收银台-退货</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">收银台-用户</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">收银台-挂单</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">收银台-充值</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">渠道码</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">表单组件-多选框</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">表单组件-日期</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">表单组件-单选框</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">表单组件-单行文本</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">表单组件-日期范围</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">表单组件-时间</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">表单组件-下拉框</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">表单组件-时间范围</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">表单组件-图片</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">表单组件-城市</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">当前积分</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">累计积分</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">发起人数</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">剩余库存</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">推广人数</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">砍价成功</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">成团数</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">参与人数</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">下单人数</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">消耗积分</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">支付订单</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">支付人数</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">新人礼</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">会员激活</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">样式二</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">样式一</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fe;</span>
                <div class="name">组合- banner</div>
                <div class="code-name">&amp;#xe8fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fb;</span>
                <div class="name">组合组件</div>
                <div class="code-name">&amp;#xe8fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fc;</span>
                <div class="name">图片魔方</div>
                <div class="code-name">&amp;#xe8fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f8;</span>
                <div class="name">配置引导</div>
                <div class="code-name">&amp;#xe8f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f5;</span>
                <div class="name">余额充值</div>
                <div class="code-name">&amp;#xe8f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f6;</span>
                <div class="name">优惠套餐</div>
                <div class="code-name">&amp;#xe8f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ea;</span>
                <div class="name">组合-分类</div>
                <div class="code-name">&amp;#xe8ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e9;</span>
                <div class="name">配置引导</div>
                <div class="code-name">&amp;#xe8e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d9;</span>
                <div class="name">短视频</div>
                <div class="code-name">&amp;#xe8d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8da;</span>
                <div class="name">第n件n折</div>
                <div class="code-name">&amp;#xe8da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8db;</span>
                <div class="name">活动背景图</div>
                <div class="code-name">&amp;#xe8db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8dc;</span>
                <div class="name">积分商城</div>
                <div class="code-name">&amp;#xe8dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8dd;</span>
                <div class="name">活动边框</div>
                <div class="code-name">&amp;#xe8dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8de;</span>
                <div class="name">砍价活动</div>
                <div class="code-name">&amp;#xe8de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8df;</span>
                <div class="name">九宫格抽奖</div>
                <div class="code-name">&amp;#xe8df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e0;</span>
                <div class="name">满送活动</div>
                <div class="code-name">&amp;#xe8e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e1;</span>
                <div class="name">满减满折</div>
                <div class="code-name">&amp;#xe8e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e2;</span>
                <div class="name">每日签到</div>
                <div class="code-name">&amp;#xe8e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e3;</span>
                <div class="name">文章</div>
                <div class="code-name">&amp;#xe8e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e4;</span>
                <div class="name">秒杀活动</div>
                <div class="code-name">&amp;#xe8e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e5;</span>
                <div class="name">拼团活动</div>
                <div class="code-name">&amp;#xe8e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e6;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe8e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e7;</span>
                <div class="name">直播</div>
                <div class="code-name">&amp;#xe8e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e8;</span>
                <div class="name">限时折扣</div>
                <div class="code-name">&amp;#xe8e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">图片魔方</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">热卖排行</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82e;</span>
                <div class="name">用户信息</div>
                <div class="code-name">&amp;#xe82e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">视频样式2</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82a;</span>
                <div class="name">标题</div>
                <div class="code-name">&amp;#xe82a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">视频样式1</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82c;</span>
                <div class="name">定位1</div>
                <div class="code-name">&amp;#xe82c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82d;</span>
                <div class="name">搜索1</div>
                <div class="code-name">&amp;#xe82d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe823;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe823;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe824;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe824;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe825;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe825;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe826;</span>
                <div class="name">视频点赞-已点</div>
                <div class="code-name">&amp;#xe826;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe827;</span>
                <div class="name">视频点赞-未点</div>
                <div class="code-name">&amp;#xe827;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">顶部导航</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">短视频</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe820;</span>
                <div class="name">新人礼</div>
                <div class="code-name">&amp;#xe820;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">砍价</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">拼团</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">收 藏</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">门店</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">秒杀</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">退款订单量</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">订单量</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">订单金额</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">退款金额</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">statis</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">表格1</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">pc-积分</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">pc-优惠券</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">收银台</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">crmeb2</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">左右</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">上下</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">当前群成员</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">今日退群</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">今日新增</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">累计退群</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">店铺街</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">收银台-微信、支付宝</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">收银台-现金收款</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">收银台-形状</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">收银台-刷新</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">收银台-密码</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">收银台-企业微信</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">收银台-店员</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">收银台-清空</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">收银台-筛选</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">收银台-微信</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">收银台-账号</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">收银台-眼睛</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">自定义菜单</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">富文本</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">种草社区</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">预售</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">小程序直播</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">关注公众号</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">专题</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">辅助空白</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">助力</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">搜索框</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">秒杀</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">推荐组</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">导航组</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">拼团</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">商品列表</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">商品分类</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">新闻播报</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">辅助线</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">在线客服</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">标题</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">轮播图</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">图片魔方</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">版权</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">菜单收起</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">菜单展开</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">app</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">PC</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">小程序</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">公众号</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">h5</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">切换会员</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">挂单</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">核销订单金额</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">门店订单金额</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">门店成交用户数</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">付费会员金额</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">收银订单金额</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">门店新增用户数</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">会员卡激活数</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">新增用户数</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">分配订单金额</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">余额消耗金额</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">二维码-新个人中心</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">回删</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">商品数量-加</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">商品数量-减</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">图片广告</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">搜素框</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">文章列表</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">拼团</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">商品列表</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">小程序直播</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">秒杀</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">新闻播报</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">导航组</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">标题</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">分类导航</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">促销列表</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">辅助空白</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">活动魔方</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">关注公众号</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">砍价</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">辅助线</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">富文本</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">单图</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">拉伸</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">平铺</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">售后-退款-蓝</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">代付款-蓝</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">待收货-蓝</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">待评价-蓝</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">待发货-蓝</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">待付款-橘</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">售后-退款-橘</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">待收货-橘</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">待评价-橘</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">待发货-橘</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">待评价-粉</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">待收货-粉</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">代付款-粉</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">待发货-粉</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">售后:退款-粉</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">待发货-绿</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">待收货-绿</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">代付款-绿</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">待评价-绿</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">售后-退款-绿</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">待评价</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">售后_退款</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">s-客服</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">多行</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">4个</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">5个</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">大圆角</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">3个</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">单行</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">左右图文</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">样式8</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">样式9</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">样式1</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">样式4</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">样式5</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">样式6</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">样式2</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">样式7</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">样式3</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">数字</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">禁用</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">4个</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">3个</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">5个</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">2行</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">3行</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">4行</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">下移</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">上移</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">最新</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">选中</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">更多展开</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">话术</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">商品退款金额</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">交易金额</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">余额支付金额</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">支付佣金金额</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">线下收银金额</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">聊天</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">编辑 (1)</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">进入</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">发送</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">叉</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">商品信息</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">账号</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">更多展开</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">话术</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">添加 (1) (1)</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">编辑 (1)</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">设置 (1)</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">加号</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">叉</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">对号</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">待评价</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">售后-退款</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">转接</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">浏览器</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">访客数</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">访问量</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">成交用户数</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">充值件数</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">成本金额</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">付费会员数</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">充值用户数</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">购买会员金额</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">访客-支付转化率</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">净增用户</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">客单价</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">加购件数</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">累计充值用户</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">累计成交用户</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">累计会员数</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">商品浏览量</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">商品支付金额</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">退款件数</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">累计关注用户</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">退款</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">下单件数</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">累计取关用户</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">累计用户</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">新增取关用户</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">商品访客数</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">新增用户数</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">新增关注用户</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">支付金额</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">营业额</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">支付件数</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">支出金额</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">关机</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe94f;</span>
                <div class="name">声音 静音 线性</div>
                <div class="code-name">&amp;#xe94f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">声音</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">账号密码</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">矩形</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">自动选择</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">手动选择</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">单列</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">两列</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">三列</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">直播中</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">已结束</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">未开始</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">drag2</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">banner_3~</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">小程序直播</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">Solid line</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">Dotted line</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">Dot line</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">drop-down</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">Dot</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">Square point</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">del_2</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">add to</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">del_1</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">drag</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">Comm_number</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">Comm_whole</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">Comm_Price</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">Pic_square</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">Pic_fillet</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">search_2</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">search_1</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">banner_2</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">Pic_small</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">Pic_big</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">banner_1</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">doc_skew</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">doc_bold</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">doc_general</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">five</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">Four</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">doc_center</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">doc_right</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">doc_left</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">辅助线</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">标题</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">导航组</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">辅助空白</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">分类导航</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">促销列表</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">砍价</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">关注公众号</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">活动魔方</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">富文本</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">秒杀</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">商品列表</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">拼团</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">搜素框</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">图片广告</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">新闻播报</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">文章列表</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1723110774398') format('woff2'),
       url('iconfont.woff?t=1723110774398') format('woff'),
       url('iconfont.ttf?t=1723110774398') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconzhankai-01"></span>
            <div class="name">
              展开-01
            </div>
            <div class="code-name">.iconzhankai-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouqi-01"></span>
            <div class="name">
              收起-01
            </div>
            <div class="code-name">.iconshouqi-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu10158"></span>
            <div class="name">
              组 10158
            </div>
            <div class="code-name">.icona-zu10158
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu-01"></span>
            <div class="name">
              删除-01
            </div>
            <div class="code-name">.iconshanchu-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjia-01"></span>
            <div class="name">
              添加-01
            </div>
            <div class="code-name">.icontianjia-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshezhi2"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconshezhi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinguanli"></span>
            <div class="name">
              商品管理
            </div>
            <div class="code-name">.iconshangpinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdanguanli1"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icondingdanguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyingxiaozhongxin"></span>
            <div class="name">
              营销中心
            </div>
            <div class="code-name">.iconyingxiaozhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaogouyeji"></span>
            <div class="name">
              导购业绩
            </div>
            <div class="code-name">.icondaogouyeji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxitongshezhi1"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.iconxitongshezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyonghuguanli1"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.iconyonghuguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaoxipeizhi"></span>
            <div class="name">
              消息配置
            </div>
            <div class="code-name">.iconxiaoxipeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrongqi"></span>
            <div class="name">
              容器
            </div>
            <div class="code-name">.iconrongqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouhuiquan5"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.iconyouhuiquan5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenzhangguanli-01"></span>
            <div class="name">
              文章管理-01
            </div>
            <div class="code-name">.iconwenzhangguanli-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontixianshenqing-01"></span>
            <div class="name">
              提现申请-01
            </div>
            <div class="code-name">.icontixianshenqing-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaogouguanli-01"></span>
            <div class="name">
              导购管理-01
            </div>
            <div class="code-name">.icondaogouguanli-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiaoguanli-01"></span>
            <div class="name">
              分销管理-01
            </div>
            <div class="code-name">.iconfenxiaoguanli-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouhouguanli-01"></span>
            <div class="name">
              售后管理-01
            </div>
            <div class="code-name">.iconshouhouguanli-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiayi-01"></span>
            <div class="name">
              下移-01
            </div>
            <div class="code-name">.iconxiayi-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinyong-01"></span>
            <div class="name">
              禁用-01
            </div>
            <div class="code-name">.iconjinyong-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangyi-01"></span>
            <div class="name">
              上移-01
            </div>
            <div class="code-name">.iconshangyi-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqiyong-01"></span>
            <div class="name">
              启用-01
            </div>
            <div class="code-name">.iconqiyong-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrequ1"></span>
            <div class="name">
              热区
            </div>
            <div class="code-name">.iconrequ1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrequ"></span>
            <div class="name">
              requ
            </div>
            <div class="code-name">.iconrequ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon_Like_2"></span>
            <div class="name">
              ic_Like2
            </div>
            <div class="code-name">.iconicon_Like_2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconic_mall"></span>
            <div class="name">
              ic_商城
            </div>
            <div class="code-name">.iconic_mall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconic_Like"></span>
            <div class="name">
              ic_Like
            </div>
            <div class="code-name">.iconic_Like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu80222"></span>
            <div class="name">
              组 8022 (2)
            </div>
            <div class="code-name">.icona-zu80222
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhi1"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.iconfuzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-fuzhi1"></span>
            <div class="name">
              复制 1
            </div>
            <div class="code-name">.icona-fuzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlianjie"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.iconlianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-xuanzhong1"></span>
            <div class="name">
              选中 (1)
            </div>
            <div class="code-name">.icona-xuanzhong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweixuanzhong"></span>
            <div class="name">
              未选中
            </div>
            <div class="code-name">.iconweixuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifahuo-jifen"></span>
            <div class="name">
              待发货-积分
            </div>
            <div class="code-name">.icondaifahuo-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconic_fire"></span>
            <div class="name">
              ic_fire
            </div>
            <div class="code-name">.iconic_fire
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuxuankuang-weixuanzhong"></span>
            <div class="name">
              复选框-未选中
            </div>
            <div class="code-name">.iconfuxuankuang-weixuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaozuo-zhengti"></span>
            <div class="name">
              操作-整体
            </div>
            <div class="code-name">.iconcaozuo-zhengti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaozuo-bianjiao"></span>
            <div class="name">
              操作-边角
            </div>
            <div class="code-name">.iconcaozuo-bianjiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbofang"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.iconbofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyoushangjiao"></span>
            <div class="name">
              右上角
            </div>
            <div class="code-name">.iconyoushangjiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.iconguanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxia"></span>
            <div class="name">
              下
            </div>
            <div class="code-name">.iconxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxingzhuangjiehe"></span>
            <div class="name">
              形状结合
            </div>
            <div class="code-name">.iconxingzhuangjiehe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxianshi"></span>
            <div class="name">
              显示
            </div>
            <div class="code-name">.iconxianshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwancheng"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.iconwancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu3"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshang"></span>
            <div class="name">
              上
            </div>
            <div class="code-name">.iconshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiahao1"></span>
            <div class="name">
              加号
            </div>
            <div class="code-name">.iconjiahao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuxuankuang-xuanzhong"></span>
            <div class="name">
              复选框-选中
            </div>
            <div class="code-name">.iconfuxuankuang-xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouxiajiao"></span>
            <div class="name">
              右下角
            </div>
            <div class="code-name">.iconyouxiajiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyincang"></span>
            <div class="name">
              隐藏
            </div>
            <div class="code-name">.iconyincang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongouwuche1"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icongouwuche1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyou"></span>
            <div class="name">
              右
            </div>
            <div class="code-name">.iconyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuoshangjiao"></span>
            <div class="name">
              左上角
            </div>
            <div class="code-name">.iconzuoshangjiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuoxiajiao"></span>
            <div class="name">
              左下角
            </div>
            <div class="code-name">.iconzuoxiajiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-gongzhonghao"></span>
            <div class="name">
              组件-公众号
            </div>
            <div class="code-name">.iconzujian-gongzhonghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-pintuan"></span>
            <div class="name">
              组件-拼团
            </div>
            <div class="code-name">.iconzujian-pintuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-shangpinxuanxiangka"></span>
            <div class="name">
              组件-商品选项卡
            </div>
            <div class="code-name">.iconzujian-shangpinxuanxiangka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-qiandao"></span>
            <div class="name">
              组件-签到
            </div>
            <div class="code-name">.iconzujian-qiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-xuanfuanniu"></span>
            <div class="name">
              组件-悬浮按钮
            </div>
            <div class="code-name">.iconzujian-xuanfuanniu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-xuanxiangka1"></span>
            <div class="name">
              组件-选项卡
            </div>
            <div class="code-name">.iconzujian-xuanxiangka1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-jifenshangcheng"></span>
            <div class="name">
              组件-积分商城
            </div>
            <div class="code-name">.iconzujian-jifenshangcheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-kanjia"></span>
            <div class="name">
              组件-砍价
            </div>
            <div class="code-name">.iconzujian-kanjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-requ"></span>
            <div class="name">
              组件-热区
            </div>
            <div class="code-name">.iconzujian-requ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-duanshipin"></span>
            <div class="name">
              组件-短视频
            </div>
            <div class="code-name">.iconzujian-duanshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-xinrenzhuanxiang"></span>
            <div class="name">
              组件-新人专享
            </div>
            <div class="code-name">.iconzujian-xinrenzhuanxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-paihangbang"></span>
            <div class="name">
              组件-排行榜
            </div>
            <div class="code-name">.iconzujian-paihangbang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-yonghuxinxi"></span>
            <div class="name">
              组件-用户信息
            </div>
            <div class="code-name">.iconzujian-yonghuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-yushou"></span>
            <div class="name">
              组件-预售
            </div>
            <div class="code-name">.iconzujian-yushou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-dianpujie"></span>
            <div class="name">
              组件-店铺街
            </div>
            <div class="code-name">.iconzujian-dianpujie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-daohangzu"></span>
            <div class="name">
              组件-导航组
            </div>
            <div class="code-name">.iconzujian-daohangzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-biaoti"></span>
            <div class="name">
              组件-标题
            </div>
            <div class="code-name">.iconzujian-biaoti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-fuzhukongbai"></span>
            <div class="name">
              组件-辅助空白
            </div>
            <div class="code-name">.iconzujian-fuzhukongbai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-tupianmofang"></span>
            <div class="name">
              组件-图片魔方
            </div>
            <div class="code-name">.iconzujian-tupianmofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-shangpinfenlei"></span>
            <div class="name">
              组件-商品分类
            </div>
            <div class="code-name">.iconzujian-shangpinfenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-wenzhangliebiao"></span>
            <div class="name">
              组件-文章列表
            </div>
            <div class="code-name">.iconzujian-wenzhangliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-shangpinliebiao"></span>
            <div class="name">
              组件-商品列表
            </div>
            <div class="code-name">.iconzujian-shangpinliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-lunbotu"></span>
            <div class="name">
              组件-轮播图
            </div>
            <div class="code-name">.iconzujian-lunbotu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-xiaochengxuzhibo"></span>
            <div class="name">
              组件-小程序直播
            </div>
            <div class="code-name">.iconzujian-xiaochengxuzhibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-fuwenben"></span>
            <div class="name">
              组件-富文本
            </div>
            <div class="code-name">.iconzujian-fuwenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-shipin"></span>
            <div class="name">
              组件-视频
            </div>
            <div class="code-name">.iconzujian-shipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-sousuokuang"></span>
            <div class="name">
              组件-搜索框
            </div>
            <div class="code-name">.iconzujian-sousuokuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-zhongcaoshequ"></span>
            <div class="name">
              组件-种草社区
            </div>
            <div class="code-name">.iconzujian-zhongcaoshequ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-xuanfucaidan"></span>
            <div class="name">
              组件-悬浮菜单
            </div>
            <div class="code-name">.iconzujian-xuanfucaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-miaosha"></span>
            <div class="name">
              组件-秒杀
            </div>
            <div class="code-name">.iconzujian-miaosha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-youhuiquan"></span>
            <div class="name">
              组件-优惠券
            </div>
            <div class="code-name">.iconzujian-youhuiquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-xinwenbobao"></span>
            <div class="name">
              组件-新闻播报
            </div>
            <div class="code-name">.iconzujian-xinwenbobao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-xuanxiangka"></span>
            <div class="name">
              组件-选项卡
            </div>
            <div class="code-name">.iconzujian-xuanxiangka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-zuhezujian"></span>
            <div class="name">
              组件-轮播搜索
            </div>
            <div class="code-name">.iconzujian-zuhezujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-fuzhuxian"></span>
            <div class="name">
              组件-辅助线
            </div>
            <div class="code-name">.iconzujian-fuzhuxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-dibucaidan"></span>
            <div class="name">
              组件-底部菜单
            </div>
            <div class="code-name">.iconzujian-dibucaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifahuo2"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.icondaifahuo2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaichuli-yonghufankui"></span>
            <div class="name">
              待处理-用户反馈
            </div>
            <div class="code-name">.icondaichuli-yonghufankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaituikuan"></span>
            <div class="name">
              待退款
            </div>
            <div class="code-name">.icondaituikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishenhe-tixian"></span>
            <div class="name">
              待审核-提现
            </div>
            <div class="code-name">.icondaishenhe-tixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishenhe-shanghuruzhu"></span>
            <div class="name">
              待审核-商户入驻
            </div>
            <div class="code-name">.icondaishenhe-shanghuruzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishenhe-shequneirong"></span>
            <div class="name">
              待审核-社区内容
            </div>
            <div class="code-name">.icondaishenhe-shequneirong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjingjiekucun"></span>
            <div class="name">
              警戒库存
            </div>
            <div class="code-name">.iconjingjiekucun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishenhe-zhuanzhang"></span>
            <div class="name">
              待审核-转账
            </div>
            <div class="code-name">.icondaishenhe-zhuanzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconputongshangpin"></span>
            <div class="name">
              普通商品
            </div>
            <div class="code-name">.iconputongshangpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouqingshangpin"></span>
            <div class="name">
              售罄商品
            </div>
            <div class="code-name">.iconshouqingshangpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaihexiao-fenxiaolibao"></span>
            <div class="name">
              待核销-分销礼包
            </div>
            <div class="code-name">.icondaihexiao-fenxiaolibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaihuifu"></span>
            <div class="name">
              待回复
            </div>
            <div class="code-name">.icondaihuifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaikaipiao"></span>
            <div class="name">
              待开票
            </div>
            <div class="code-name">.icondaikaipiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaihexiao"></span>
            <div class="name">
              待核销
            </div>
            <div class="code-name">.icondaihexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzaishoushangpin"></span>
            <div class="name">
              在售商品
            </div>
            <div class="code-name">.iconzaishoushangpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuodongshangpin"></span>
            <div class="name">
              活动商品
            </div>
            <div class="code-name">.iconhuodongshangpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxitongshezhi"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.iconxitongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.iconyonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpin"></span>
            <div class="name">
              商品
            </div>
            <div class="code-name">.iconshangpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiaoguanli"></span>
            <div class="name">
              分销管理
            </div>
            <div class="code-name">.iconfenxiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouhuiquan4"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.iconyouhuiquan4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenzhangguanli"></span>
            <div class="name">
              文章管理
            </div>
            <div class="code-name">.iconwenzhangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdanguanli"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icondingdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduanxinpeizhi"></span>
            <div class="name">
              短信配置
            </div>
            <div class="code-name">.iconduanxinpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangyeshouquan"></span>
            <div class="name">
              商业授权
            </div>
            <div class="code-name">.iconshangyeshouquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweixinzhifu"></span>
            <div class="name">
              微信支付
            </div>
            <div class="code-name">.iconweixinzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifubao"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.iconzhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongge"></span>
            <div class="name">
              宫格
            </div>
            <div class="code-name">.icongongge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.iconliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-shouyin1"></span>
            <div class="name">
              收银台-收银
            </div>
            <div class="code-name">.iconshouyintai-shouyin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-dingdan1"></span>
            <div class="name">
              收银台-订单
            </div>
            <div class="code-name">.iconshouyintai-dingdan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-hexiao1"></span>
            <div class="name">
              收银台-核销
            </div>
            <div class="code-name">.iconshouyintai-hexiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-zhuoma"></span>
            <div class="name">
              收银台-桌码
            </div>
            <div class="code-name">.iconshouyintai-zhuoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-tuihuo1"></span>
            <div class="name">
              收银台-退货
            </div>
            <div class="code-name">.iconshouyintai-tuihuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-yonghu"></span>
            <div class="name">
              收银台-用户
            </div>
            <div class="code-name">.iconshouyintai-yonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-guadan1"></span>
            <div class="name">
              收银台-挂单
            </div>
            <div class="code-name">.iconshouyintai-guadan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-chongzhi1"></span>
            <div class="name">
              收银台-充值
            </div>
            <div class="code-name">.iconshouyintai-chongzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqudaoma"></span>
            <div class="name">
              渠道码
            </div>
            <div class="code-name">.iconqudaoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-duoxuankuang"></span>
            <div class="name">
              表单组件-多选框
            </div>
            <div class="code-name">.iconbiaodanzujian-duoxuankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-riqi"></span>
            <div class="name">
              表单组件-日期
            </div>
            <div class="code-name">.iconbiaodanzujian-riqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-danxuankuang"></span>
            <div class="name">
              表单组件-单选框
            </div>
            <div class="code-name">.iconbiaodanzujian-danxuankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-danhangwenben"></span>
            <div class="name">
              表单组件-单行文本
            </div>
            <div class="code-name">.iconbiaodanzujian-danhangwenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-riqifanwei"></span>
            <div class="name">
              表单组件-日期范围
            </div>
            <div class="code-name">.iconbiaodanzujian-riqifanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-shijian"></span>
            <div class="name">
              表单组件-时间
            </div>
            <div class="code-name">.iconbiaodanzujian-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-xialakuang"></span>
            <div class="name">
              表单组件-下拉框
            </div>
            <div class="code-name">.iconbiaodanzujian-xialakuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-shijianfanwei"></span>
            <div class="name">
              表单组件-时间范围
            </div>
            <div class="code-name">.iconbiaodanzujian-shijianfanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-tupian"></span>
            <div class="name">
              表单组件-图片
            </div>
            <div class="code-name">.iconbiaodanzujian-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodanzujian-chengshi"></span>
            <div class="name">
              表单组件-城市
            </div>
            <div class="code-name">.iconbiaodanzujian-chengshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondangqianjifen"></span>
            <div class="name">
              当前积分
            </div>
            <div class="code-name">.icondangqianjifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleijijifen"></span>
            <div class="name">
              累计积分
            </div>
            <div class="code-name">.iconleijijifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfaqirenshu"></span>
            <div class="name">
              发起人数
            </div>
            <div class="code-name">.iconfaqirenshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengyukucun"></span>
            <div class="name">
              剩余库存
            </div>
            <div class="code-name">.iconshengyukucun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuiguangrenshu"></span>
            <div class="name">
              推广人数
            </div>
            <div class="code-name">.icontuiguangrenshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkanjiachenggong"></span>
            <div class="name">
              砍价成功
            </div>
            <div class="code-name">.iconkanjiachenggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchengtuanshu"></span>
            <div class="name">
              成团数
            </div>
            <div class="code-name">.iconchengtuanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcanyurenshu"></span>
            <div class="name">
              参与人数
            </div>
            <div class="code-name">.iconcanyurenshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiadanrenshu"></span>
            <div class="name">
              下单人数
            </div>
            <div class="code-name">.iconxiadanrenshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaohaojifen"></span>
            <div class="name">
              消耗积分
            </div>
            <div class="code-name">.iconxiaohaojifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifudingdan"></span>
            <div class="name">
              支付订单
            </div>
            <div class="code-name">.iconzhifudingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifurenshu"></span>
            <div class="name">
              支付人数
            </div>
            <div class="code-name">.iconzhifurenshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinrenli2"></span>
            <div class="name">
              新人礼
            </div>
            <div class="code-name">.iconxinrenli2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuiyuanjihuo"></span>
            <div class="name">
              会员激活
            </div>
            <div class="code-name">.iconhuiyuanjihuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshier"></span>
            <div class="name">
              样式二
            </div>
            <div class="code-name">.iconyangshier
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshiyi"></span>
            <div class="name">
              样式一
            </div>
            <div class="code-name">.iconyangshiyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zuhe-banner1"></span>
            <div class="name">
              组合- banner
            </div>
            <div class="code-name">.icona-zuhe-banner1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupianmofang2"></span>
            <div class="name">
              组合组件
            </div>
            <div class="code-name">.icontupianmofang2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinfenlei1"></span>
            <div class="name">
              图片魔方
            </div>
            <div class="code-name">.iconshangpinfenlei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpeizhiyindao1"></span>
            <div class="name">
              配置引导
            </div>
            <div class="code-name">.iconpeizhiyindao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyuechongzhi"></span>
            <div class="name">
              余额充值
            </div>
            <div class="code-name">.iconyuechongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouhuitaocan"></span>
            <div class="name">
              优惠套餐
            </div>
            <div class="code-name">.iconyouhuitaocan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuhe-fenlei"></span>
            <div class="name">
              组合-分类
            </div>
            <div class="code-name">.iconzuhe-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpeizhiyindao"></span>
            <div class="name">
              配置引导
            </div>
            <div class="code-name">.iconpeizhiyindao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduanshipin1"></span>
            <div class="name">
              短视频
            </div>
            <div class="code-name">.iconduanshipin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondinjiannzhe"></span>
            <div class="name">
              第n件n折
            </div>
            <div class="code-name">.icondinjiannzhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuodongbeijingtu"></span>
            <div class="name">
              活动背景图
            </div>
            <div class="code-name">.iconhuodongbeijingtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjifenshangcheng"></span>
            <div class="name">
              积分商城
            </div>
            <div class="code-name">.iconjifenshangcheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuodongbiankuang"></span>
            <div class="name">
              活动边框
            </div>
            <div class="code-name">.iconhuodongbiankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkanjiahuodong"></span>
            <div class="name">
              砍价活动
            </div>
            <div class="code-name">.iconkanjiahuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiugonggechoujiang"></span>
            <div class="name">
              九宫格抽奖
            </div>
            <div class="code-name">.iconjiugonggechoujiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmansonghuodong"></span>
            <div class="name">
              满送活动
            </div>
            <div class="code-name">.iconmansonghuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmanjianmanzhe"></span>
            <div class="name">
              满减满折
            </div>
            <div class="code-name">.iconmanjianmanzhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmeiriqiandao"></span>
            <div class="name">
              每日签到
            </div>
            <div class="code-name">.iconmeiriqiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenzhang"></span>
            <div class="name">
              文章
            </div>
            <div class="code-name">.iconwenzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmiaoshahuodong"></span>
            <div class="name">
              秒杀活动
            </div>
            <div class="code-name">.iconmiaoshahuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpintuanhuodong"></span>
            <div class="name">
              拼团活动
            </div>
            <div class="code-name">.iconpintuanhuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouhuiquan3"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.iconyouhuiquan3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhibo"></span>
            <div class="name">
              直播
            </div>
            <div class="code-name">.iconzhibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxianshizhekou"></span>
            <div class="name">
              限时折扣
            </div>
            <div class="code-name">.iconxianshizhekou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupianmofang1"></span>
            <div class="name">
              图片魔方
            </div>
            <div class="code-name">.icontupianmofang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconremaipaihang"></span>
            <div class="name">
              热卖排行
            </div>
            <div class="code-name">.iconremaipaihang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyonghuxinxi"></span>
            <div class="name">
              用户信息
            </div>
            <div class="code-name">.iconyonghuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinyangshi2"></span>
            <div class="name">
              视频样式2
            </div>
            <div class="code-name">.iconshipinyangshi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoti3"></span>
            <div class="name">
              标题
            </div>
            <div class="code-name">.iconbiaoti3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinyangshi1"></span>
            <div class="name">
              视频样式1
            </div>
            <div class="code-name">.iconshipinyangshi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingwei1"></span>
            <div class="name">
              定位1
            </div>
            <div class="code-name">.icondingwei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousuo11"></span>
            <div class="name">
              搜索1
            </div>
            <div class="code-name">.iconsousuo11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouji1"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.iconshouji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.iconerweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousuo1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.iconsousuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icondingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipindianzan-yidian"></span>
            <div class="name">
              视频点赞-已点
            </div>
            <div class="code-name">.iconshipindianzan-yidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipindianzan-weidian"></span>
            <div class="name">
              视频点赞-未点
            </div>
            <div class="code-name">.iconshipindianzan-weidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingbudaohang"></span>
            <div class="name">
              顶部导航
            </div>
            <div class="code-name">.icondingbudaohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduanshipin"></span>
            <div class="name">
              短视频
            </div>
            <div class="code-name">.iconduanshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinrenli"></span>
            <div class="name">
              新人礼
            </div>
            <div class="code-name">.iconxinrenli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongouwuche"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icongouwuche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.iconfenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkanjia2"></span>
            <div class="name">
              砍价
            </div>
            <div class="code-name">.iconkanjia2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpintuan3"></span>
            <div class="name">
              拼团
            </div>
            <div class="code-name">.iconpintuan3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkefu2"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.iconkefu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-shoucang"></span>
            <div class="name">
              收 藏
            </div>
            <div class="code-name">.icona-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmendian"></span>
            <div class="name">
              门店
            </div>
            <div class="code-name">.iconmendian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmiaosha3"></span>
            <div class="name">
              秒杀
            </div>
            <div class="code-name">.iconmiaosha3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuikuandingdanliang"></span>
            <div class="name">
              退款订单量
            </div>
            <div class="code-name">.icontuikuandingdanliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdanliang"></span>
            <div class="name">
              订单量
            </div>
            <div class="code-name">.icondingdanliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdanjine"></span>
            <div class="name">
              订单金额
            </div>
            <div class="code-name">.icondingdanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuikuanjine"></span>
            <div class="name">
              退款金额
            </div>
            <div class="code-name">.icontuikuanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontongji"></span>
            <div class="name">
              statis
            </div>
            <div class="code-name">.icontongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoge1"></span>
            <div class="name">
              表格1
            </div>
            <div class="code-name">.iconbiaoge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhui1"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpc-jifen"></span>
            <div class="name">
              pc-积分
            </div>
            <div class="code-name">.iconpc-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpc-youhuiquan"></span>
            <div class="name">
              pc-优惠券
            </div>
            <div class="code-name">.iconpc-youhuiquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai"></span>
            <div class="name">
              收银台
            </div>
            <div class="code-name">.iconshouyintai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjia"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.iconjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjian"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.iconjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcrmeb1"></span>
            <div class="name">
              crmeb2
            </div>
            <div class="code-name">.iconcrmeb1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuoyou"></span>
            <div class="name">
              左右
            </div>
            <div class="code-name">.iconzuoyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangxia"></span>
            <div class="name">
              上下
            </div>
            <div class="code-name">.iconshangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondangqianqunchengyuan"></span>
            <div class="name">
              当前群成员
            </div>
            <div class="code-name">.icondangqianqunchengyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrituiqun"></span>
            <div class="name">
              今日退群
            </div>
            <div class="code-name">.iconjinrituiqun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrixinzeng"></span>
            <div class="name">
              今日新增
            </div>
            <div class="code-name">.iconjinrixinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleijituiqun"></span>
            <div class="name">
              累计退群
            </div>
            <div class="code-name">.iconleijituiqun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondianpujie"></span>
            <div class="name">
              店铺街
            </div>
            <div class="code-name">.icondianpujie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupian4"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icontupian4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-shouyintai-weixinzhifubao"></span>
            <div class="name">
              收银台-微信、支付宝
            </div>
            <div class="code-name">.icona-shouyintai-weixinzhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-xianjinshoukuan"></span>
            <div class="name">
              收银台-现金收款
            </div>
            <div class="code-name">.iconshouyintai-xianjinshoukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-xingzhuang"></span>
            <div class="name">
              收银台-形状
            </div>
            <div class="code-name">.iconshouyintai-xingzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-shuaxin"></span>
            <div class="name">
              收银台-刷新
            </div>
            <div class="code-name">.iconshouyintai-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-mima"></span>
            <div class="name">
              收银台-密码
            </div>
            <div class="code-name">.iconshouyintai-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-qiyeweixin"></span>
            <div class="name">
              收银台-企业微信
            </div>
            <div class="code-name">.iconshouyintai-qiyeweixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-dianyuan"></span>
            <div class="name">
              收银台-店员
            </div>
            <div class="code-name">.iconshouyintai-dianyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-qingkong"></span>
            <div class="name">
              收银台-清空
            </div>
            <div class="code-name">.iconshouyintai-qingkong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-shaixuan"></span>
            <div class="name">
              收银台-筛选
            </div>
            <div class="code-name">.iconshouyintai-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-weixin"></span>
            <div class="name">
              收银台-微信
            </div>
            <div class="code-name">.iconshouyintai-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-zhanghao"></span>
            <div class="name">
              收银台-账号
            </div>
            <div class="code-name">.iconshouyintai-zhanghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyintai-yanjing"></span>
            <div class="name">
              收银台-眼睛
            </div>
            <div class="code-name">.iconshouyintai-yanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzidingyicaidan"></span>
            <div class="name">
              自定义菜单
            </div>
            <div class="code-name">.iconzidingyicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwenben3"></span>
            <div class="name">
              富文本
            </div>
            <div class="code-name">.iconfuwenben3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhongcaoshequ1"></span>
            <div class="name">
              种草社区
            </div>
            <div class="code-name">.iconzhongcaoshequ1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyushou1"></span>
            <div class="name">
              预售
            </div>
            <div class="code-name">.iconyushou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaochengxuzhibo3"></span>
            <div class="name">
              小程序直播
            </div>
            <div class="code-name">.iconxiaochengxuzhibo3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanzhugongzhonghao2"></span>
            <div class="name">
              关注公众号
            </div>
            <div class="code-name">.iconguanzhugongzhonghao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanti"></span>
            <div class="name">
              专题
            </div>
            <div class="code-name">.iconzhuanti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhukongbai2"></span>
            <div class="name">
              辅助空白
            </div>
            <div class="code-name">.iconfuzhukongbai2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuli"></span>
            <div class="name">
              助力
            </div>
            <div class="code-name">.iconzhuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousuokuang"></span>
            <div class="name">
              搜索框
            </div>
            <div class="code-name">.iconsousuokuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmiaosha2"></span>
            <div class="name">
              秒杀
            </div>
            <div class="code-name">.iconmiaosha2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuijianzu"></span>
            <div class="name">
              推荐组
            </div>
            <div class="code-name">.icontuijianzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaohangzu2"></span>
            <div class="name">
              导航组
            </div>
            <div class="code-name">.icondaohangzu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpintuan2"></span>
            <div class="name">
              拼团
            </div>
            <div class="code-name">.iconpintuan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinliebiao2"></span>
            <div class="name">
              商品列表
            </div>
            <div class="code-name">.iconshangpinliebiao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinfenlei"></span>
            <div class="name">
              商品分类
            </div>
            <div class="code-name">.iconshangpinfenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinwenbobao2"></span>
            <div class="name">
              新闻播报
            </div>
            <div class="code-name">.iconxinwenbobao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouhuiquan2"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.iconyouhuiquan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhuxian2"></span>
            <div class="name">
              辅助线
            </div>
            <div class="code-name">.iconfuzhuxian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzaixiankefu"></span>
            <div class="name">
              在线客服
            </div>
            <div class="code-name">.iconzaixiankefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoti2"></span>
            <div class="name">
              标题
            </div>
            <div class="code-name">.iconbiaoti2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlunbotu"></span>
            <div class="name">
              轮播图
            </div>
            <div class="code-name">.iconlunbotu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupianmofang"></span>
            <div class="name">
              图片魔方
            </div>
            <div class="code-name">.icontupianmofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbanquan"></span>
            <div class="name">
              版权
            </div>
            <div class="code-name">.iconbanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaidanshouqi"></span>
            <div class="name">
              菜单收起
            </div>
            <div class="code-name">.iconcaidanshouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaidanzhankai"></span>
            <div class="name">
              菜单展开
            </div>
            <div class="code-name">.iconcaidanzhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdan"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.icondingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconapp"></span>
            <div class="name">
              app
            </div>
            <div class="code-name">.iconapp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPC"></span>
            <div class="name">
              PC
            </div>
            <div class="code-name">.iconPC
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaochengxu"></span>
            <div class="name">
              小程序
            </div>
            <div class="code-name">.iconxiaochengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongzhonghao"></span>
            <div class="name">
              公众号
            </div>
            <div class="code-name">.icongongzhonghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconh5"></span>
            <div class="name">
              h5
            </div>
            <div class="code-name">.iconh5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.iconshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqiehuanhuiyuan"></span>
            <div class="name">
              切换会员
            </div>
            <div class="code-name">.iconqiehuanhuiyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguadan"></span>
            <div class="name">
              挂单
            </div>
            <div class="code-name">.iconguadan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhexiaodingdanjine"></span>
            <div class="name">
              核销订单金额
            </div>
            <div class="code-name">.iconhexiaodingdanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmendiandingdanjine"></span>
            <div class="name">
              门店订单金额
            </div>
            <div class="code-name">.iconmendiandingdanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmendianchengjiaoyonghushu"></span>
            <div class="name">
              门店成交用户数
            </div>
            <div class="code-name">.iconmendianchengjiaoyonghushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfufeihuiyuanjine"></span>
            <div class="name">
              付费会员金额
            </div>
            <div class="code-name">.iconfufeihuiyuanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyindingdanjine"></span>
            <div class="name">
              收银订单金额
            </div>
            <div class="code-name">.iconshouyindingdanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmendianxinzengyonghushu"></span>
            <div class="name">
              门店新增用户数
            </div>
            <div class="code-name">.iconmendianxinzengyonghushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuiyuankajihuoshu"></span>
            <div class="name">
              会员卡激活数
            </div>
            <div class="code-name">.iconhuiyuankajihuoshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinzengyonghushu1"></span>
            <div class="name">
              新增用户数
            </div>
            <div class="code-name">.iconxinzengyonghushu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenpeidingdanjine"></span>
            <div class="name">
              分配订单金额
            </div>
            <div class="code-name">.iconfenpeidingdanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyuexiaohaojine"></span>
            <div class="name">
              余额消耗金额
            </div>
            <div class="code-name">.iconyuexiaohaojine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerweima-xingerenzhongxin"></span>
            <div class="name">
              二维码-新个人中心
            </div>
            <div class="code-name">.iconerweima-xingerenzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuishan"></span>
            <div class="name">
              回删
            </div>
            <div class="code-name">.iconhuishan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinshuliang-jia"></span>
            <div class="name">
              商品数量-加
            </div>
            <div class="code-name">.iconshangpinshuliang-jia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinshuliang-jian"></span>
            <div class="name">
              商品数量-减
            </div>
            <div class="code-name">.iconshangpinshuliang-jian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupianguanggao1"></span>
            <div class="name">
              图片广告
            </div>
            <div class="code-name">.icontupianguanggao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousukuang1"></span>
            <div class="name">
              搜素框
            </div>
            <div class="code-name">.iconsousukuang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenzhangliebiao1"></span>
            <div class="name">
              文章列表
            </div>
            <div class="code-name">.iconwenzhangliebiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpintuan1"></span>
            <div class="name">
              拼团
            </div>
            <div class="code-name">.iconpintuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinliebiao1"></span>
            <div class="name">
              商品列表
            </div>
            <div class="code-name">.iconshangpinliebiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouhuiquan1"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.iconyouhuiquan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaochengxuzhibo1"></span>
            <div class="name">
              小程序直播
            </div>
            <div class="code-name">.iconxiaochengxuzhibo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmiaosha1"></span>
            <div class="name">
              秒杀
            </div>
            <div class="code-name">.iconmiaosha1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinwenbobao1"></span>
            <div class="name">
              新闻播报
            </div>
            <div class="code-name">.iconxinwenbobao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaohangzu1"></span>
            <div class="name">
              导航组
            </div>
            <div class="code-name">.icondaohangzu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoti1"></span>
            <div class="name">
              标题
            </div>
            <div class="code-name">.iconbiaoti1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenleidaohang1"></span>
            <div class="name">
              分类导航
            </div>
            <div class="code-name">.iconfenleidaohang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcuxiaoliebiao1"></span>
            <div class="name">
              促销列表
            </div>
            <div class="code-name">.iconcuxiaoliebiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhukongbai1"></span>
            <div class="name">
              辅助空白
            </div>
            <div class="code-name">.iconfuzhukongbai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuodongmofang1"></span>
            <div class="name">
              活动魔方
            </div>
            <div class="code-name">.iconhuodongmofang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanzhugongzhonghao1"></span>
            <div class="name">
              关注公众号
            </div>
            <div class="code-name">.iconguanzhugongzhonghao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkanjia1"></span>
            <div class="name">
              砍价
            </div>
            <div class="code-name">.iconkanjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhuxian1"></span>
            <div class="name">
              辅助线
            </div>
            <div class="code-name">.iconfuzhuxian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkefu1"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.iconkefu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwenben1"></span>
            <div class="name">
              富文本
            </div>
            <div class="code-name">.iconfuwenben1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondantu"></span>
            <div class="name">
              单图
            </div>
            <div class="code-name">.icondantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlashen"></span>
            <div class="name">
              拉伸
            </div>
            <div class="code-name">.iconlashen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpingpu"></span>
            <div class="name">
              平铺
            </div>
            <div class="code-name">.iconpingpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouhou-tuikuan-lan"></span>
            <div class="name">
              售后-退款-蓝
            </div>
            <div class="code-name">.iconshouhou-tuikuan-lan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifukuan-lan"></span>
            <div class="name">
              代付款-蓝
            </div>
            <div class="code-name">.icondaifukuan-lan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishouhuo-lan"></span>
            <div class="name">
              待收货-蓝
            </div>
            <div class="code-name">.icondaishouhuo-lan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaipingjia-lan"></span>
            <div class="name">
              待评价-蓝
            </div>
            <div class="code-name">.icondaipingjia-lan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifahuo-lan"></span>
            <div class="name">
              待发货-蓝
            </div>
            <div class="code-name">.icondaifahuo-lan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifukuan-ju"></span>
            <div class="name">
              待付款-橘
            </div>
            <div class="code-name">.icondaifukuan-ju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouhou-tuikuan-ju"></span>
            <div class="name">
              售后-退款-橘
            </div>
            <div class="code-name">.iconshouhou-tuikuan-ju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishouhuo-ju"></span>
            <div class="name">
              待收货-橘
            </div>
            <div class="code-name">.icondaishouhuo-ju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaipingjia-ju"></span>
            <div class="name">
              待评价-橘
            </div>
            <div class="code-name">.icondaipingjia-ju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifahuo-ju"></span>
            <div class="name">
              待发货-橘
            </div>
            <div class="code-name">.icondaifahuo-ju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaipingjia-fen"></span>
            <div class="name">
              待评价-粉
            </div>
            <div class="code-name">.icondaipingjia-fen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishouhuo-fen"></span>
            <div class="name">
              待收货-粉
            </div>
            <div class="code-name">.icondaishouhuo-fen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifukuan-fen"></span>
            <div class="name">
              代付款-粉
            </div>
            <div class="code-name">.icondaifukuan-fen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifahuo-fen"></span>
            <div class="name">
              待发货-粉
            </div>
            <div class="code-name">.icondaifahuo-fen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-shouhoutuikuan-fen"></span>
            <div class="name">
              售后:退款-粉
            </div>
            <div class="code-name">.icona-shouhoutuikuan-fen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifahuo-lv"></span>
            <div class="name">
              待发货-绿
            </div>
            <div class="code-name">.icondaifahuo-lv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishouhuo-lv"></span>
            <div class="name">
              待收货-绿
            </div>
            <div class="code-name">.icondaishouhuo-lv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifukuan-lv"></span>
            <div class="name">
              代付款-绿
            </div>
            <div class="code-name">.icondaifukuan-lv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaipingjia-lv"></span>
            <div class="name">
              待评价-绿
            </div>
            <div class="code-name">.icondaipingjia-lv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouhou-tuikuan-lv"></span>
            <div class="name">
              售后-退款-绿
            </div>
            <div class="code-name">.iconshouhou-tuikuan-lv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifukuan1"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.icondaifukuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaipingjia1"></span>
            <div class="name">
              待评价
            </div>
            <div class="code-name">.icondaipingjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouhou_tuikuan"></span>
            <div class="name">
              售后_退款
            </div>
            <div class="code-name">.iconshouhou_tuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifahuo1"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.icondaifahuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishouhuo1"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.icondaishouhuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icons-kefu"></span>
            <div class="name">
              s-客服
            </div>
            <div class="code-name">.icons-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduohang"></span>
            <div class="name">
              多行
            </div>
            <div class="code-name">.iconduohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon4ge1"></span>
            <div class="name">
              4个
            </div>
            <div class="code-name">.icon4ge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon5ge1"></span>
            <div class="name">
              5个
            </div>
            <div class="code-name">.icon5ge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondayuanjiao"></span>
            <div class="name">
              大圆角
            </div>
            <div class="code-name">.icondayuanjiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon3ge1"></span>
            <div class="name">
              3个
            </div>
            <div class="code-name">.icon3ge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondanhang"></span>
            <div class="name">
              单行
            </div>
            <div class="code-name">.icondanhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuoyoutuwen"></span>
            <div class="name">
              左右图文
            </div>
            <div class="code-name">.iconzuoyoutuwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi8"></span>
            <div class="name">
              样式8
            </div>
            <div class="code-name">.iconyangshi8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi9"></span>
            <div class="name">
              样式9
            </div>
            <div class="code-name">.iconyangshi9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi1"></span>
            <div class="name">
              样式1
            </div>
            <div class="code-name">.iconyangshi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi4"></span>
            <div class="name">
              样式4
            </div>
            <div class="code-name">.iconyangshi4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi5"></span>
            <div class="name">
              样式5
            </div>
            <div class="code-name">.iconyangshi5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi6"></span>
            <div class="name">
              样式6
            </div>
            <div class="code-name">.iconyangshi6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi2"></span>
            <div class="name">
              样式2
            </div>
            <div class="code-name">.iconyangshi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi7"></span>
            <div class="name">
              样式7
            </div>
            <div class="code-name">.iconyangshi7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyangshi3"></span>
            <div class="name">
              样式3
            </div>
            <div class="code-name">.iconyangshi3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuzi"></span>
            <div class="name">
              数字
            </div>
            <div class="code-name">.iconshuzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinyong"></span>
            <div class="name">
              禁用
            </div>
            <div class="code-name">.iconjinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon4ge"></span>
            <div class="name">
              4个
            </div>
            <div class="code-name">.icon4ge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon3ge"></span>
            <div class="name">
              3个
            </div>
            <div class="code-name">.icon3ge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon5ge"></span>
            <div class="name">
              5个
            </div>
            <div class="code-name">.icon5ge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon2hang"></span>
            <div class="name">
              2行
            </div>
            <div class="code-name">.icon2hang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon3hang"></span>
            <div class="name">
              3行
            </div>
            <div class="code-name">.icon3hang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon4hang"></span>
            <div class="name">
              4行
            </div>
            <div class="code-name">.icon4hang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiayi"></span>
            <div class="name">
              下移
            </div>
            <div class="code-name">.iconxiayi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangyi"></span>
            <div class="name">
              上移
            </div>
            <div class="code-name">.iconshangyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu2"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.iconfuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuixin"></span>
            <div class="name">
              最新
            </div>
            <div class="code-name">.iconzuixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxuanzhong6"></span>
            <div class="name">
              选中
            </div>
            <div class="code-name">.iconxuanzhong6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icontianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji2"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.iconbianji2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongengduozhankai1"></span>
            <div class="name">
              更多展开
            </div>
            <div class="code-name">.icongengduozhankai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupian3"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icontupian3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqing2"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.iconbiaoqing2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuashu1"></span>
            <div class="name">
              话术
            </div>
            <div class="code-name">.iconhuashu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpintuikuanjine"></span>
            <div class="name">
              商品退款金额
            </div>
            <div class="code-name">.iconshangpintuikuanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiaoyijine"></span>
            <div class="name">
              交易金额
            </div>
            <div class="code-name">.iconjiaoyijine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyuezhifujine"></span>
            <div class="name">
              余额支付金额
            </div>
            <div class="code-name">.iconyuezhifujine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifuyongjinjine"></span>
            <div class="name">
              支付佣金金额
            </div>
            <div class="code-name">.iconzhifuyongjinjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxianxiashouyinjine"></span>
            <div class="name">
              线下收银金额
            </div>
            <div class="code-name">.iconxianxiashouyinjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliaotian"></span>
            <div class="name">
              聊天
            </div>
            <div class="code-name">.iconliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji11"></span>
            <div class="name">
              编辑 (1)
            </div>
            <div class="code-name">.iconbianji11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinru"></span>
            <div class="name">
              进入
            </div>
            <div class="code-name">.iconjinru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icongengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfasong"></span>
            <div class="name">
              发送
            </div>
            <div class="code-name">.iconfasong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcha1"></span>
            <div class="name">
              叉
            </div>
            <div class="code-name">.iconcha1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.iconmima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.iconsousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouji"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.iconshouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icontuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinxinxi"></span>
            <div class="name">
              商品信息
            </div>
            <div class="code-name">.iconshangpinxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghao"></span>
            <div class="name">
              账号
            </div>
            <div class="code-name">.iconzhanghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqing"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.iconbiaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongengduozhankai"></span>
            <div class="name">
              更多展开
            </div>
            <div class="code-name">.icongengduozhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuashu"></span>
            <div class="name">
              话术
            </div>
            <div class="code-name">.iconhuashu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupian2"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icontupian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjia11"></span>
            <div class="name">
              添加 (1) (1)
            </div>
            <div class="code-name">.icontianjia11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji1"></span>
            <div class="name">
              编辑 (1)
            </div>
            <div class="code-name">.iconbianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshezhi1"></span>
            <div class="name">
              设置 (1)
            </div>
            <div class="code-name">.iconshezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiahao"></span>
            <div class="name">
              加号
            </div>
            <div class="code-name">.iconjiahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcha"></span>
            <div class="name">
              叉
            </div>
            <div class="code-name">.iconcha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.iconbianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduihao"></span>
            <div class="name">
              对号
            </div>
            <div class="code-name">.iconduihao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaipingjia"></span>
            <div class="name">
              待评价
            </div>
            <div class="code-name">.icondaipingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.icondaishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouhou-tuikuan"></span>
            <div class="name">
              售后-退款
            </div>
            <div class="code-name">.iconshouhou-tuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifahuo"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.icondaifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaifukuan"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.icondaifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanjie"></span>
            <div class="name">
              转接
            </div>
            <div class="code-name">.iconzhuanjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliulanqi"></span>
            <div class="name">
              浏览器
            </div>
            <div class="code-name">.iconliulanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfangkeshu"></span>
            <div class="name">
              访客数
            </div>
            <div class="code-name">.iconfangkeshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfangwenliang"></span>
            <div class="name">
              访问量
            </div>
            <div class="code-name">.iconfangwenliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchengjiaoyonghushu"></span>
            <div class="name">
              成交用户数
            </div>
            <div class="code-name">.iconchengjiaoyonghushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchongzhijianshu"></span>
            <div class="name">
              充值件数
            </div>
            <div class="code-name">.iconchongzhijianshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchengbenjine"></span>
            <div class="name">
              成本金额
            </div>
            <div class="code-name">.iconchengbenjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfufeihuiyuanshu"></span>
            <div class="name">
              付费会员数
            </div>
            <div class="code-name">.iconfufeihuiyuanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchongzhiyonghushu"></span>
            <div class="name">
              充值用户数
            </div>
            <div class="code-name">.iconchongzhiyonghushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongoumaihuiyuanjine"></span>
            <div class="name">
              购买会员金额
            </div>
            <div class="code-name">.icongoumaihuiyuanjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfangke-zhifuzhuanhuashuai"></span>
            <div class="name">
              访客-支付转化率
            </div>
            <div class="code-name">.iconfangke-zhifuzhuanhuashuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjingzengyonghu"></span>
            <div class="name">
              净增用户
            </div>
            <div class="code-name">.iconjingzengyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkedanjia"></span>
            <div class="name">
              客单价
            </div>
            <div class="code-name">.iconkedanjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiagoujianshu"></span>
            <div class="name">
              加购件数
            </div>
            <div class="code-name">.iconjiagoujianshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleijichongzhiyonghu"></span>
            <div class="name">
              累计充值用户
            </div>
            <div class="code-name">.iconleijichongzhiyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleijichengjiaoyonghu"></span>
            <div class="name">
              累计成交用户
            </div>
            <div class="code-name">.iconleijichengjiaoyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleijihuiyuanshu"></span>
            <div class="name">
              累计会员数
            </div>
            <div class="code-name">.iconleijihuiyuanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinliulanliang"></span>
            <div class="name">
              商品浏览量
            </div>
            <div class="code-name">.iconshangpinliulanliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinzhifujine"></span>
            <div class="name">
              商品支付金额
            </div>
            <div class="code-name">.iconshangpinzhifujine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuikuanjianshu"></span>
            <div class="name">
              退款件数
            </div>
            <div class="code-name">.icontuikuanjianshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleijiguanzhuyonghu"></span>
            <div class="name">
              累计关注用户
            </div>
            <div class="code-name">.iconleijiguanzhuyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuikuan"></span>
            <div class="name">
              退款
            </div>
            <div class="code-name">.icontuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiadanjianshu"></span>
            <div class="name">
              下单件数
            </div>
            <div class="code-name">.iconxiadanjianshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleijiquguanyonghu"></span>
            <div class="name">
              累计取关用户
            </div>
            <div class="code-name">.iconleijiquguanyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleijiyonghu"></span>
            <div class="name">
              累计用户
            </div>
            <div class="code-name">.iconleijiyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinzengquguanyonghu"></span>
            <div class="name">
              新增取关用户
            </div>
            <div class="code-name">.iconxinzengquguanyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinfangkeshu"></span>
            <div class="name">
              商品访客数
            </div>
            <div class="code-name">.iconshangpinfangkeshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinzengyonghushu"></span>
            <div class="name">
              新增用户数
            </div>
            <div class="code-name">.iconxinzengyonghushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinzengguanzhuyonghu"></span>
            <div class="name">
              新增关注用户
            </div>
            <div class="code-name">.iconxinzengguanzhuyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifujine"></span>
            <div class="name">
              支付金额
            </div>
            <div class="code-name">.iconzhifujine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyingyee"></span>
            <div class="name">
              营业额
            </div>
            <div class="code-name">.iconyingyee
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifujianshu"></span>
            <div class="name">
              支付件数
            </div>
            <div class="code-name">.iconzhifujianshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhichujine"></span>
            <div class="name">
              支出金额
            </div>
            <div class="code-name">.iconzhichujine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanji"></span>
            <div class="name">
              关机
            </div>
            <div class="code-name">.iconguanji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengyinjingyinxianxing"></span>
            <div class="name">
              声音 静音 线性
            </div>
            <div class="code-name">.iconshengyinjingyinxianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengyinyinliang"></span>
            <div class="name">
              声音
            </div>
            <div class="code-name">.iconshengyinyinliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanbi5"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.iconguanbi5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupian1"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icontupian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqing1"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.iconbiaoqing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghaomima"></span>
            <div class="name">
              账号密码
            </div>
            <div class="code-name">.iconzhanghaomima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerweima2"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.iconerweima2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjuxing"></span>
            <div class="name">
              矩形
            </div>
            <div class="code-name">.iconjuxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzidongxuanze"></span>
            <div class="name">
              自动选择
            </div>
            <div class="code-name">.iconzidongxuanze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoudongxuanze"></span>
            <div class="name">
              手动选择
            </div>
            <div class="code-name">.iconshoudongxuanze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondanlie"></span>
            <div class="name">
              单列
            </div>
            <div class="code-name">.icondanlie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlianglie"></span>
            <div class="name">
              两列
            </div>
            <div class="code-name">.iconlianglie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsanlie"></span>
            <div class="name">
              三列
            </div>
            <div class="code-name">.iconsanlie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhibozhong"></span>
            <div class="name">
              直播中
            </div>
            <div class="code-name">.iconzhibozhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyijieshu"></span>
            <div class="name">
              已结束
            </div>
            <div class="code-name">.iconyijieshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweikaishi"></span>
            <div class="name">
              未开始
            </div>
            <div class="code-name">.iconweikaishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondrag2"></span>
            <div class="name">
              drag2
            </div>
            <div class="code-name">.icondrag2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbanner_3"></span>
            <div class="name">
              banner_3~
            </div>
            <div class="code-name">.iconbanner_3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaochengxuzhibo"></span>
            <div class="name">
              小程序直播
            </div>
            <div class="code-name">.iconxiaochengxuzhibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconSolidline"></span>
            <div class="name">
              Solid line
            </div>
            <div class="code-name">.iconSolidline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDottedline"></span>
            <div class="name">
              Dotted line
            </div>
            <div class="code-name">.iconDottedline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDotline"></span>
            <div class="name">
              Dot line
            </div>
            <div class="code-name">.iconDotline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondrop-down"></span>
            <div class="name">
              drop-down
            </div>
            <div class="code-name">.icondrop-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDot"></span>
            <div class="name">
              Dot
            </div>
            <div class="code-name">.iconDot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconSquarepoint"></span>
            <div class="name">
              Square point
            </div>
            <div class="code-name">.iconSquarepoint
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondel_2"></span>
            <div class="name">
              del_2
            </div>
            <div class="code-name">.icondel_2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaddto"></span>
            <div class="name">
              add to
            </div>
            <div class="code-name">.iconaddto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondel_1"></span>
            <div class="name">
              del_1
            </div>
            <div class="code-name">.icondel_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondrag"></span>
            <div class="name">
              drag
            </div>
            <div class="code-name">.icondrag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconComm_number"></span>
            <div class="name">
              Comm_number
            </div>
            <div class="code-name">.iconComm_number
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconComm_whole"></span>
            <div class="name">
              Comm_whole
            </div>
            <div class="code-name">.iconComm_whole
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconComm_Price"></span>
            <div class="name">
              Comm_Price
            </div>
            <div class="code-name">.iconComm_Price
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPic_square"></span>
            <div class="name">
              Pic_square
            </div>
            <div class="code-name">.iconPic_square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPic_fillet"></span>
            <div class="name">
              Pic_fillet
            </div>
            <div class="code-name">.iconPic_fillet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch_2"></span>
            <div class="name">
              search_2
            </div>
            <div class="code-name">.iconsearch_2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch_1"></span>
            <div class="name">
              search_1
            </div>
            <div class="code-name">.iconsearch_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbanner_2"></span>
            <div class="name">
              banner_2
            </div>
            <div class="code-name">.iconbanner_2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPic_small"></span>
            <div class="name">
              Pic_small
            </div>
            <div class="code-name">.iconPic_small
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPic_big"></span>
            <div class="name">
              Pic_big
            </div>
            <div class="code-name">.iconPic_big
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbanner_1"></span>
            <div class="name">
              banner_1
            </div>
            <div class="code-name">.iconbanner_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondoc_skew"></span>
            <div class="name">
              doc_skew
            </div>
            <div class="code-name">.icondoc_skew
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondoc_bold"></span>
            <div class="name">
              doc_bold
            </div>
            <div class="code-name">.icondoc_bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondoc_general"></span>
            <div class="name">
              doc_general
            </div>
            <div class="code-name">.icondoc_general
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfive"></span>
            <div class="name">
              five
            </div>
            <div class="code-name">.iconfive
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconFour"></span>
            <div class="name">
              Four
            </div>
            <div class="code-name">.iconFour
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondoc_center"></span>
            <div class="name">
              doc_center
            </div>
            <div class="code-name">.icondoc_center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondoc_right"></span>
            <div class="name">
              doc_right
            </div>
            <div class="code-name">.icondoc_right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondoc_left"></span>
            <div class="name">
              doc_left
            </div>
            <div class="code-name">.icondoc_left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icontupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkefu"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.iconkefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhuxian"></span>
            <div class="name">
              辅助线
            </div>
            <div class="code-name">.iconfuzhuxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoti"></span>
            <div class="name">
              标题
            </div>
            <div class="code-name">.iconbiaoti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaohangzu"></span>
            <div class="name">
              导航组
            </div>
            <div class="code-name">.icondaohangzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhukongbai"></span>
            <div class="name">
              辅助空白
            </div>
            <div class="code-name">.iconfuzhukongbai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenleidaohang"></span>
            <div class="name">
              分类导航
            </div>
            <div class="code-name">.iconfenleidaohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcuxiaoliebiao"></span>
            <div class="name">
              促销列表
            </div>
            <div class="code-name">.iconcuxiaoliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkanjia"></span>
            <div class="name">
              砍价
            </div>
            <div class="code-name">.iconkanjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanzhugongzhonghao"></span>
            <div class="name">
              关注公众号
            </div>
            <div class="code-name">.iconguanzhugongzhonghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuodongmofang"></span>
            <div class="name">
              活动魔方
            </div>
            <div class="code-name">.iconhuodongmofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwenben"></span>
            <div class="name">
              富文本
            </div>
            <div class="code-name">.iconfuwenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmiaosha"></span>
            <div class="name">
              秒杀
            </div>
            <div class="code-name">.iconmiaosha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpinliebiao"></span>
            <div class="name">
              商品列表
            </div>
            <div class="code-name">.iconshangpinliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpintuan"></span>
            <div class="name">
              拼团
            </div>
            <div class="code-name">.iconpintuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousukuang"></span>
            <div class="name">
              搜素框
            </div>
            <div class="code-name">.iconsousukuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupianguanggao"></span>
            <div class="name">
              图片广告
            </div>
            <div class="code-name">.icontupianguanggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinwenbobao"></span>
            <div class="name">
              新闻播报
            </div>
            <div class="code-name">.iconxinwenbobao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenzhangliebiao"></span>
            <div class="name">
              文章列表
            </div>
            <div class="code-name">.iconwenzhangliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouhuiquan"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.iconyouhuiquan
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhankai-01"></use>
                </svg>
                <div class="name">展开-01</div>
                <div class="code-name">#iconzhankai-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouqi-01"></use>
                </svg>
                <div class="name">收起-01</div>
                <div class="code-name">#iconshouqi-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu10158"></use>
                </svg>
                <div class="name">组 10158</div>
                <div class="code-name">#icona-zu10158</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu-01"></use>
                </svg>
                <div class="name">删除-01</div>
                <div class="code-name">#iconshanchu-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjia-01"></use>
                </svg>
                <div class="name">添加-01</div>
                <div class="code-name">#icontianjia-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshezhi2"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconshezhi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinguanli"></use>
                </svg>
                <div class="name">商品管理</div>
                <div class="code-name">#iconshangpinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdanguanli1"></use>
                </svg>
                <div class="name">订单管理</div>
                <div class="code-name">#icondingdanguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyingxiaozhongxin"></use>
                </svg>
                <div class="name">营销中心</div>
                <div class="code-name">#iconyingxiaozhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaogouyeji"></use>
                </svg>
                <div class="name">导购业绩</div>
                <div class="code-name">#icondaogouyeji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxitongshezhi1"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#iconxitongshezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyonghuguanli1"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#iconyonghuguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaoxipeizhi"></use>
                </svg>
                <div class="name">消息配置</div>
                <div class="code-name">#iconxiaoxipeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrongqi"></use>
                </svg>
                <div class="name">容器</div>
                <div class="code-name">#iconrongqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouhuiquan5"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#iconyouhuiquan5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenzhangguanli-01"></use>
                </svg>
                <div class="name">文章管理-01</div>
                <div class="code-name">#iconwenzhangguanli-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontixianshenqing-01"></use>
                </svg>
                <div class="name">提现申请-01</div>
                <div class="code-name">#icontixianshenqing-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaogouguanli-01"></use>
                </svg>
                <div class="name">导购管理-01</div>
                <div class="code-name">#icondaogouguanli-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiaoguanli-01"></use>
                </svg>
                <div class="name">分销管理-01</div>
                <div class="code-name">#iconfenxiaoguanli-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouhouguanli-01"></use>
                </svg>
                <div class="name">售后管理-01</div>
                <div class="code-name">#iconshouhouguanli-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiayi-01"></use>
                </svg>
                <div class="name">下移-01</div>
                <div class="code-name">#iconxiayi-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinyong-01"></use>
                </svg>
                <div class="name">禁用-01</div>
                <div class="code-name">#iconjinyong-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangyi-01"></use>
                </svg>
                <div class="name">上移-01</div>
                <div class="code-name">#iconshangyi-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqiyong-01"></use>
                </svg>
                <div class="name">启用-01</div>
                <div class="code-name">#iconqiyong-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrequ1"></use>
                </svg>
                <div class="name">热区</div>
                <div class="code-name">#iconrequ1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrequ"></use>
                </svg>
                <div class="name">requ</div>
                <div class="code-name">#iconrequ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon_Like_2"></use>
                </svg>
                <div class="name">ic_Like2</div>
                <div class="code-name">#iconicon_Like_2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconic_mall"></use>
                </svg>
                <div class="name">ic_商城</div>
                <div class="code-name">#iconic_mall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconic_Like"></use>
                </svg>
                <div class="name">ic_Like</div>
                <div class="code-name">#iconic_Like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu80222"></use>
                </svg>
                <div class="name">组 8022 (2)</div>
                <div class="code-name">#icona-zu80222</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhi1"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#iconfuzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-fuzhi1"></use>
                </svg>
                <div class="name">复制 1</div>
                <div class="code-name">#icona-fuzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlianjie"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#iconlianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-xuanzhong1"></use>
                </svg>
                <div class="name">选中 (1)</div>
                <div class="code-name">#icona-xuanzhong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweixuanzhong"></use>
                </svg>
                <div class="name">未选中</div>
                <div class="code-name">#iconweixuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifahuo-jifen"></use>
                </svg>
                <div class="name">待发货-积分</div>
                <div class="code-name">#icondaifahuo-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconic_fire"></use>
                </svg>
                <div class="name">ic_fire</div>
                <div class="code-name">#iconic_fire</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuxuankuang-weixuanzhong"></use>
                </svg>
                <div class="name">复选框-未选中</div>
                <div class="code-name">#iconfuxuankuang-weixuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaozuo-zhengti"></use>
                </svg>
                <div class="name">操作-整体</div>
                <div class="code-name">#iconcaozuo-zhengti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaozuo-bianjiao"></use>
                </svg>
                <div class="name">操作-边角</div>
                <div class="code-name">#iconcaozuo-bianjiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbofang"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#iconbofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyoushangjiao"></use>
                </svg>
                <div class="name">右上角</div>
                <div class="code-name">#iconyoushangjiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#iconguanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxia"></use>
                </svg>
                <div class="name">下</div>
                <div class="code-name">#iconxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxingzhuangjiehe"></use>
                </svg>
                <div class="name">形状结合</div>
                <div class="code-name">#iconxingzhuangjiehe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxianshi"></use>
                </svg>
                <div class="name">显示</div>
                <div class="code-name">#iconxianshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwancheng"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#iconwancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu3"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshang"></use>
                </svg>
                <div class="name">上</div>
                <div class="code-name">#iconshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiahao1"></use>
                </svg>
                <div class="name">加号</div>
                <div class="code-name">#iconjiahao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuxuankuang-xuanzhong"></use>
                </svg>
                <div class="name">复选框-选中</div>
                <div class="code-name">#iconfuxuankuang-xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouxiajiao"></use>
                </svg>
                <div class="name">右下角</div>
                <div class="code-name">#iconyouxiajiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyincang"></use>
                </svg>
                <div class="name">隐藏</div>
                <div class="code-name">#iconyincang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongouwuche1"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icongouwuche1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyou"></use>
                </svg>
                <div class="name">右</div>
                <div class="code-name">#iconyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuoshangjiao"></use>
                </svg>
                <div class="name">左上角</div>
                <div class="code-name">#iconzuoshangjiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuoxiajiao"></use>
                </svg>
                <div class="name">左下角</div>
                <div class="code-name">#iconzuoxiajiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-gongzhonghao"></use>
                </svg>
                <div class="name">组件-公众号</div>
                <div class="code-name">#iconzujian-gongzhonghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-pintuan"></use>
                </svg>
                <div class="name">组件-拼团</div>
                <div class="code-name">#iconzujian-pintuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-shangpinxuanxiangka"></use>
                </svg>
                <div class="name">组件-商品选项卡</div>
                <div class="code-name">#iconzujian-shangpinxuanxiangka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-qiandao"></use>
                </svg>
                <div class="name">组件-签到</div>
                <div class="code-name">#iconzujian-qiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-xuanfuanniu"></use>
                </svg>
                <div class="name">组件-悬浮按钮</div>
                <div class="code-name">#iconzujian-xuanfuanniu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-xuanxiangka1"></use>
                </svg>
                <div class="name">组件-选项卡</div>
                <div class="code-name">#iconzujian-xuanxiangka1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-jifenshangcheng"></use>
                </svg>
                <div class="name">组件-积分商城</div>
                <div class="code-name">#iconzujian-jifenshangcheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-kanjia"></use>
                </svg>
                <div class="name">组件-砍价</div>
                <div class="code-name">#iconzujian-kanjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-requ"></use>
                </svg>
                <div class="name">组件-热区</div>
                <div class="code-name">#iconzujian-requ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-duanshipin"></use>
                </svg>
                <div class="name">组件-短视频</div>
                <div class="code-name">#iconzujian-duanshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-xinrenzhuanxiang"></use>
                </svg>
                <div class="name">组件-新人专享</div>
                <div class="code-name">#iconzujian-xinrenzhuanxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-paihangbang"></use>
                </svg>
                <div class="name">组件-排行榜</div>
                <div class="code-name">#iconzujian-paihangbang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-yonghuxinxi"></use>
                </svg>
                <div class="name">组件-用户信息</div>
                <div class="code-name">#iconzujian-yonghuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-yushou"></use>
                </svg>
                <div class="name">组件-预售</div>
                <div class="code-name">#iconzujian-yushou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-dianpujie"></use>
                </svg>
                <div class="name">组件-店铺街</div>
                <div class="code-name">#iconzujian-dianpujie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-daohangzu"></use>
                </svg>
                <div class="name">组件-导航组</div>
                <div class="code-name">#iconzujian-daohangzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-biaoti"></use>
                </svg>
                <div class="name">组件-标题</div>
                <div class="code-name">#iconzujian-biaoti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-fuzhukongbai"></use>
                </svg>
                <div class="name">组件-辅助空白</div>
                <div class="code-name">#iconzujian-fuzhukongbai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-tupianmofang"></use>
                </svg>
                <div class="name">组件-图片魔方</div>
                <div class="code-name">#iconzujian-tupianmofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-shangpinfenlei"></use>
                </svg>
                <div class="name">组件-商品分类</div>
                <div class="code-name">#iconzujian-shangpinfenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-wenzhangliebiao"></use>
                </svg>
                <div class="name">组件-文章列表</div>
                <div class="code-name">#iconzujian-wenzhangliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-shangpinliebiao"></use>
                </svg>
                <div class="name">组件-商品列表</div>
                <div class="code-name">#iconzujian-shangpinliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-lunbotu"></use>
                </svg>
                <div class="name">组件-轮播图</div>
                <div class="code-name">#iconzujian-lunbotu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-xiaochengxuzhibo"></use>
                </svg>
                <div class="name">组件-小程序直播</div>
                <div class="code-name">#iconzujian-xiaochengxuzhibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-fuwenben"></use>
                </svg>
                <div class="name">组件-富文本</div>
                <div class="code-name">#iconzujian-fuwenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-shipin"></use>
                </svg>
                <div class="name">组件-视频</div>
                <div class="code-name">#iconzujian-shipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-sousuokuang"></use>
                </svg>
                <div class="name">组件-搜索框</div>
                <div class="code-name">#iconzujian-sousuokuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-zhongcaoshequ"></use>
                </svg>
                <div class="name">组件-种草社区</div>
                <div class="code-name">#iconzujian-zhongcaoshequ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-xuanfucaidan"></use>
                </svg>
                <div class="name">组件-悬浮菜单</div>
                <div class="code-name">#iconzujian-xuanfucaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-miaosha"></use>
                </svg>
                <div class="name">组件-秒杀</div>
                <div class="code-name">#iconzujian-miaosha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-youhuiquan"></use>
                </svg>
                <div class="name">组件-优惠券</div>
                <div class="code-name">#iconzujian-youhuiquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-xinwenbobao"></use>
                </svg>
                <div class="name">组件-新闻播报</div>
                <div class="code-name">#iconzujian-xinwenbobao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-xuanxiangka"></use>
                </svg>
                <div class="name">组件-选项卡</div>
                <div class="code-name">#iconzujian-xuanxiangka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-zuhezujian"></use>
                </svg>
                <div class="name">组件-轮播搜索</div>
                <div class="code-name">#iconzujian-zuhezujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-fuzhuxian"></use>
                </svg>
                <div class="name">组件-辅助线</div>
                <div class="code-name">#iconzujian-fuzhuxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-dibucaidan"></use>
                </svg>
                <div class="name">组件-底部菜单</div>
                <div class="code-name">#iconzujian-dibucaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifahuo2"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#icondaifahuo2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaichuli-yonghufankui"></use>
                </svg>
                <div class="name">待处理-用户反馈</div>
                <div class="code-name">#icondaichuli-yonghufankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaituikuan"></use>
                </svg>
                <div class="name">待退款</div>
                <div class="code-name">#icondaituikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishenhe-tixian"></use>
                </svg>
                <div class="name">待审核-提现</div>
                <div class="code-name">#icondaishenhe-tixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishenhe-shanghuruzhu"></use>
                </svg>
                <div class="name">待审核-商户入驻</div>
                <div class="code-name">#icondaishenhe-shanghuruzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishenhe-shequneirong"></use>
                </svg>
                <div class="name">待审核-社区内容</div>
                <div class="code-name">#icondaishenhe-shequneirong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjingjiekucun"></use>
                </svg>
                <div class="name">警戒库存</div>
                <div class="code-name">#iconjingjiekucun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishenhe-zhuanzhang"></use>
                </svg>
                <div class="name">待审核-转账</div>
                <div class="code-name">#icondaishenhe-zhuanzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconputongshangpin"></use>
                </svg>
                <div class="name">普通商品</div>
                <div class="code-name">#iconputongshangpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouqingshangpin"></use>
                </svg>
                <div class="name">售罄商品</div>
                <div class="code-name">#iconshouqingshangpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaihexiao-fenxiaolibao"></use>
                </svg>
                <div class="name">待核销-分销礼包</div>
                <div class="code-name">#icondaihexiao-fenxiaolibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaihuifu"></use>
                </svg>
                <div class="name">待回复</div>
                <div class="code-name">#icondaihuifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaikaipiao"></use>
                </svg>
                <div class="name">待开票</div>
                <div class="code-name">#icondaikaipiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaihexiao"></use>
                </svg>
                <div class="name">待核销</div>
                <div class="code-name">#icondaihexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzaishoushangpin"></use>
                </svg>
                <div class="name">在售商品</div>
                <div class="code-name">#iconzaishoushangpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuodongshangpin"></use>
                </svg>
                <div class="name">活动商品</div>
                <div class="code-name">#iconhuodongshangpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxitongshezhi"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#iconxitongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#iconyonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpin"></use>
                </svg>
                <div class="name">商品</div>
                <div class="code-name">#iconshangpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiaoguanli"></use>
                </svg>
                <div class="name">分销管理</div>
                <div class="code-name">#iconfenxiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouhuiquan4"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#iconyouhuiquan4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenzhangguanli"></use>
                </svg>
                <div class="name">文章管理</div>
                <div class="code-name">#iconwenzhangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdanguanli"></use>
                </svg>
                <div class="name">订单管理</div>
                <div class="code-name">#icondingdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduanxinpeizhi"></use>
                </svg>
                <div class="name">短信配置</div>
                <div class="code-name">#iconduanxinpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangyeshouquan"></use>
                </svg>
                <div class="name">商业授权</div>
                <div class="code-name">#iconshangyeshouquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweixinzhifu"></use>
                </svg>
                <div class="name">微信支付</div>
                <div class="code-name">#iconweixinzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifubao"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#iconzhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongge"></use>
                </svg>
                <div class="name">宫格</div>
                <div class="code-name">#icongongge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#iconliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-shouyin1"></use>
                </svg>
                <div class="name">收银台-收银</div>
                <div class="code-name">#iconshouyintai-shouyin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-dingdan1"></use>
                </svg>
                <div class="name">收银台-订单</div>
                <div class="code-name">#iconshouyintai-dingdan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-hexiao1"></use>
                </svg>
                <div class="name">收银台-核销</div>
                <div class="code-name">#iconshouyintai-hexiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-zhuoma"></use>
                </svg>
                <div class="name">收银台-桌码</div>
                <div class="code-name">#iconshouyintai-zhuoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-tuihuo1"></use>
                </svg>
                <div class="name">收银台-退货</div>
                <div class="code-name">#iconshouyintai-tuihuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-yonghu"></use>
                </svg>
                <div class="name">收银台-用户</div>
                <div class="code-name">#iconshouyintai-yonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-guadan1"></use>
                </svg>
                <div class="name">收银台-挂单</div>
                <div class="code-name">#iconshouyintai-guadan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-chongzhi1"></use>
                </svg>
                <div class="name">收银台-充值</div>
                <div class="code-name">#iconshouyintai-chongzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqudaoma"></use>
                </svg>
                <div class="name">渠道码</div>
                <div class="code-name">#iconqudaoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-duoxuankuang"></use>
                </svg>
                <div class="name">表单组件-多选框</div>
                <div class="code-name">#iconbiaodanzujian-duoxuankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-riqi"></use>
                </svg>
                <div class="name">表单组件-日期</div>
                <div class="code-name">#iconbiaodanzujian-riqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-danxuankuang"></use>
                </svg>
                <div class="name">表单组件-单选框</div>
                <div class="code-name">#iconbiaodanzujian-danxuankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-danhangwenben"></use>
                </svg>
                <div class="name">表单组件-单行文本</div>
                <div class="code-name">#iconbiaodanzujian-danhangwenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-riqifanwei"></use>
                </svg>
                <div class="name">表单组件-日期范围</div>
                <div class="code-name">#iconbiaodanzujian-riqifanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-shijian"></use>
                </svg>
                <div class="name">表单组件-时间</div>
                <div class="code-name">#iconbiaodanzujian-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-xialakuang"></use>
                </svg>
                <div class="name">表单组件-下拉框</div>
                <div class="code-name">#iconbiaodanzujian-xialakuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-shijianfanwei"></use>
                </svg>
                <div class="name">表单组件-时间范围</div>
                <div class="code-name">#iconbiaodanzujian-shijianfanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-tupian"></use>
                </svg>
                <div class="name">表单组件-图片</div>
                <div class="code-name">#iconbiaodanzujian-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodanzujian-chengshi"></use>
                </svg>
                <div class="name">表单组件-城市</div>
                <div class="code-name">#iconbiaodanzujian-chengshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondangqianjifen"></use>
                </svg>
                <div class="name">当前积分</div>
                <div class="code-name">#icondangqianjifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleijijifen"></use>
                </svg>
                <div class="name">累计积分</div>
                <div class="code-name">#iconleijijifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfaqirenshu"></use>
                </svg>
                <div class="name">发起人数</div>
                <div class="code-name">#iconfaqirenshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengyukucun"></use>
                </svg>
                <div class="name">剩余库存</div>
                <div class="code-name">#iconshengyukucun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuiguangrenshu"></use>
                </svg>
                <div class="name">推广人数</div>
                <div class="code-name">#icontuiguangrenshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkanjiachenggong"></use>
                </svg>
                <div class="name">砍价成功</div>
                <div class="code-name">#iconkanjiachenggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchengtuanshu"></use>
                </svg>
                <div class="name">成团数</div>
                <div class="code-name">#iconchengtuanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcanyurenshu"></use>
                </svg>
                <div class="name">参与人数</div>
                <div class="code-name">#iconcanyurenshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiadanrenshu"></use>
                </svg>
                <div class="name">下单人数</div>
                <div class="code-name">#iconxiadanrenshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaohaojifen"></use>
                </svg>
                <div class="name">消耗积分</div>
                <div class="code-name">#iconxiaohaojifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifudingdan"></use>
                </svg>
                <div class="name">支付订单</div>
                <div class="code-name">#iconzhifudingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifurenshu"></use>
                </svg>
                <div class="name">支付人数</div>
                <div class="code-name">#iconzhifurenshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinrenli2"></use>
                </svg>
                <div class="name">新人礼</div>
                <div class="code-name">#iconxinrenli2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuiyuanjihuo"></use>
                </svg>
                <div class="name">会员激活</div>
                <div class="code-name">#iconhuiyuanjihuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshier"></use>
                </svg>
                <div class="name">样式二</div>
                <div class="code-name">#iconyangshier</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshiyi"></use>
                </svg>
                <div class="name">样式一</div>
                <div class="code-name">#iconyangshiyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zuhe-banner1"></use>
                </svg>
                <div class="name">组合- banner</div>
                <div class="code-name">#icona-zuhe-banner1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupianmofang2"></use>
                </svg>
                <div class="name">组合组件</div>
                <div class="code-name">#icontupianmofang2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinfenlei1"></use>
                </svg>
                <div class="name">图片魔方</div>
                <div class="code-name">#iconshangpinfenlei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpeizhiyindao1"></use>
                </svg>
                <div class="name">配置引导</div>
                <div class="code-name">#iconpeizhiyindao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyuechongzhi"></use>
                </svg>
                <div class="name">余额充值</div>
                <div class="code-name">#iconyuechongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouhuitaocan"></use>
                </svg>
                <div class="name">优惠套餐</div>
                <div class="code-name">#iconyouhuitaocan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuhe-fenlei"></use>
                </svg>
                <div class="name">组合-分类</div>
                <div class="code-name">#iconzuhe-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpeizhiyindao"></use>
                </svg>
                <div class="name">配置引导</div>
                <div class="code-name">#iconpeizhiyindao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduanshipin1"></use>
                </svg>
                <div class="name">短视频</div>
                <div class="code-name">#iconduanshipin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondinjiannzhe"></use>
                </svg>
                <div class="name">第n件n折</div>
                <div class="code-name">#icondinjiannzhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuodongbeijingtu"></use>
                </svg>
                <div class="name">活动背景图</div>
                <div class="code-name">#iconhuodongbeijingtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjifenshangcheng"></use>
                </svg>
                <div class="name">积分商城</div>
                <div class="code-name">#iconjifenshangcheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuodongbiankuang"></use>
                </svg>
                <div class="name">活动边框</div>
                <div class="code-name">#iconhuodongbiankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkanjiahuodong"></use>
                </svg>
                <div class="name">砍价活动</div>
                <div class="code-name">#iconkanjiahuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiugonggechoujiang"></use>
                </svg>
                <div class="name">九宫格抽奖</div>
                <div class="code-name">#iconjiugonggechoujiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmansonghuodong"></use>
                </svg>
                <div class="name">满送活动</div>
                <div class="code-name">#iconmansonghuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmanjianmanzhe"></use>
                </svg>
                <div class="name">满减满折</div>
                <div class="code-name">#iconmanjianmanzhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmeiriqiandao"></use>
                </svg>
                <div class="name">每日签到</div>
                <div class="code-name">#iconmeiriqiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenzhang"></use>
                </svg>
                <div class="name">文章</div>
                <div class="code-name">#iconwenzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmiaoshahuodong"></use>
                </svg>
                <div class="name">秒杀活动</div>
                <div class="code-name">#iconmiaoshahuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpintuanhuodong"></use>
                </svg>
                <div class="name">拼团活动</div>
                <div class="code-name">#iconpintuanhuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouhuiquan3"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#iconyouhuiquan3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhibo"></use>
                </svg>
                <div class="name">直播</div>
                <div class="code-name">#iconzhibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxianshizhekou"></use>
                </svg>
                <div class="name">限时折扣</div>
                <div class="code-name">#iconxianshizhekou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupianmofang1"></use>
                </svg>
                <div class="name">图片魔方</div>
                <div class="code-name">#icontupianmofang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconremaipaihang"></use>
                </svg>
                <div class="name">热卖排行</div>
                <div class="code-name">#iconremaipaihang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyonghuxinxi"></use>
                </svg>
                <div class="name">用户信息</div>
                <div class="code-name">#iconyonghuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinyangshi2"></use>
                </svg>
                <div class="name">视频样式2</div>
                <div class="code-name">#iconshipinyangshi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoti3"></use>
                </svg>
                <div class="name">标题</div>
                <div class="code-name">#iconbiaoti3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinyangshi1"></use>
                </svg>
                <div class="name">视频样式1</div>
                <div class="code-name">#iconshipinyangshi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingwei1"></use>
                </svg>
                <div class="name">定位1</div>
                <div class="code-name">#icondingwei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousuo11"></use>
                </svg>
                <div class="name">搜索1</div>
                <div class="code-name">#iconsousuo11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouji1"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#iconshouji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#iconerweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousuo1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#iconsousuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icondingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipindianzan-yidian"></use>
                </svg>
                <div class="name">视频点赞-已点</div>
                <div class="code-name">#iconshipindianzan-yidian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipindianzan-weidian"></use>
                </svg>
                <div class="name">视频点赞-未点</div>
                <div class="code-name">#iconshipindianzan-weidian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingbudaohang"></use>
                </svg>
                <div class="name">顶部导航</div>
                <div class="code-name">#icondingbudaohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduanshipin"></use>
                </svg>
                <div class="name">短视频</div>
                <div class="code-name">#iconduanshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinrenli"></use>
                </svg>
                <div class="name">新人礼</div>
                <div class="code-name">#iconxinrenli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongouwuche"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icongouwuche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#iconfenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkanjia2"></use>
                </svg>
                <div class="name">砍价</div>
                <div class="code-name">#iconkanjia2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpintuan3"></use>
                </svg>
                <div class="name">拼团</div>
                <div class="code-name">#iconpintuan3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkefu2"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#iconkefu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-shoucang"></use>
                </svg>
                <div class="name">收 藏</div>
                <div class="code-name">#icona-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmendian"></use>
                </svg>
                <div class="name">门店</div>
                <div class="code-name">#iconmendian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmiaosha3"></use>
                </svg>
                <div class="name">秒杀</div>
                <div class="code-name">#iconmiaosha3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuikuandingdanliang"></use>
                </svg>
                <div class="name">退款订单量</div>
                <div class="code-name">#icontuikuandingdanliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdanliang"></use>
                </svg>
                <div class="name">订单量</div>
                <div class="code-name">#icondingdanliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdanjine"></use>
                </svg>
                <div class="name">订单金额</div>
                <div class="code-name">#icondingdanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuikuanjine"></use>
                </svg>
                <div class="name">退款金额</div>
                <div class="code-name">#icontuikuanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontongji"></use>
                </svg>
                <div class="name">statis</div>
                <div class="code-name">#icontongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoge1"></use>
                </svg>
                <div class="name">表格1</div>
                <div class="code-name">#iconbiaoge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhui1"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpc-jifen"></use>
                </svg>
                <div class="name">pc-积分</div>
                <div class="code-name">#iconpc-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpc-youhuiquan"></use>
                </svg>
                <div class="name">pc-优惠券</div>
                <div class="code-name">#iconpc-youhuiquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai"></use>
                </svg>
                <div class="name">收银台</div>
                <div class="code-name">#iconshouyintai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjia"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#iconjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjian"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#iconjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcrmeb1"></use>
                </svg>
                <div class="name">crmeb2</div>
                <div class="code-name">#iconcrmeb1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuoyou"></use>
                </svg>
                <div class="name">左右</div>
                <div class="code-name">#iconzuoyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangxia"></use>
                </svg>
                <div class="name">上下</div>
                <div class="code-name">#iconshangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondangqianqunchengyuan"></use>
                </svg>
                <div class="name">当前群成员</div>
                <div class="code-name">#icondangqianqunchengyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrituiqun"></use>
                </svg>
                <div class="name">今日退群</div>
                <div class="code-name">#iconjinrituiqun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrixinzeng"></use>
                </svg>
                <div class="name">今日新增</div>
                <div class="code-name">#iconjinrixinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleijituiqun"></use>
                </svg>
                <div class="name">累计退群</div>
                <div class="code-name">#iconleijituiqun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondianpujie"></use>
                </svg>
                <div class="name">店铺街</div>
                <div class="code-name">#icondianpujie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupian4"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icontupian4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-shouyintai-weixinzhifubao"></use>
                </svg>
                <div class="name">收银台-微信、支付宝</div>
                <div class="code-name">#icona-shouyintai-weixinzhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-xianjinshoukuan"></use>
                </svg>
                <div class="name">收银台-现金收款</div>
                <div class="code-name">#iconshouyintai-xianjinshoukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-xingzhuang"></use>
                </svg>
                <div class="name">收银台-形状</div>
                <div class="code-name">#iconshouyintai-xingzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-shuaxin"></use>
                </svg>
                <div class="name">收银台-刷新</div>
                <div class="code-name">#iconshouyintai-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-mima"></use>
                </svg>
                <div class="name">收银台-密码</div>
                <div class="code-name">#iconshouyintai-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-qiyeweixin"></use>
                </svg>
                <div class="name">收银台-企业微信</div>
                <div class="code-name">#iconshouyintai-qiyeweixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-dianyuan"></use>
                </svg>
                <div class="name">收银台-店员</div>
                <div class="code-name">#iconshouyintai-dianyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-qingkong"></use>
                </svg>
                <div class="name">收银台-清空</div>
                <div class="code-name">#iconshouyintai-qingkong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-shaixuan"></use>
                </svg>
                <div class="name">收银台-筛选</div>
                <div class="code-name">#iconshouyintai-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-weixin"></use>
                </svg>
                <div class="name">收银台-微信</div>
                <div class="code-name">#iconshouyintai-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-zhanghao"></use>
                </svg>
                <div class="name">收银台-账号</div>
                <div class="code-name">#iconshouyintai-zhanghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyintai-yanjing"></use>
                </svg>
                <div class="name">收银台-眼睛</div>
                <div class="code-name">#iconshouyintai-yanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzidingyicaidan"></use>
                </svg>
                <div class="name">自定义菜单</div>
                <div class="code-name">#iconzidingyicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwenben3"></use>
                </svg>
                <div class="name">富文本</div>
                <div class="code-name">#iconfuwenben3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhongcaoshequ1"></use>
                </svg>
                <div class="name">种草社区</div>
                <div class="code-name">#iconzhongcaoshequ1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyushou1"></use>
                </svg>
                <div class="name">预售</div>
                <div class="code-name">#iconyushou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaochengxuzhibo3"></use>
                </svg>
                <div class="name">小程序直播</div>
                <div class="code-name">#iconxiaochengxuzhibo3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanzhugongzhonghao2"></use>
                </svg>
                <div class="name">关注公众号</div>
                <div class="code-name">#iconguanzhugongzhonghao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanti"></use>
                </svg>
                <div class="name">专题</div>
                <div class="code-name">#iconzhuanti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhukongbai2"></use>
                </svg>
                <div class="name">辅助空白</div>
                <div class="code-name">#iconfuzhukongbai2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuli"></use>
                </svg>
                <div class="name">助力</div>
                <div class="code-name">#iconzhuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousuokuang"></use>
                </svg>
                <div class="name">搜索框</div>
                <div class="code-name">#iconsousuokuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmiaosha2"></use>
                </svg>
                <div class="name">秒杀</div>
                <div class="code-name">#iconmiaosha2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuijianzu"></use>
                </svg>
                <div class="name">推荐组</div>
                <div class="code-name">#icontuijianzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaohangzu2"></use>
                </svg>
                <div class="name">导航组</div>
                <div class="code-name">#icondaohangzu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpintuan2"></use>
                </svg>
                <div class="name">拼团</div>
                <div class="code-name">#iconpintuan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinliebiao2"></use>
                </svg>
                <div class="name">商品列表</div>
                <div class="code-name">#iconshangpinliebiao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinfenlei"></use>
                </svg>
                <div class="name">商品分类</div>
                <div class="code-name">#iconshangpinfenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinwenbobao2"></use>
                </svg>
                <div class="name">新闻播报</div>
                <div class="code-name">#iconxinwenbobao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouhuiquan2"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#iconyouhuiquan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhuxian2"></use>
                </svg>
                <div class="name">辅助线</div>
                <div class="code-name">#iconfuzhuxian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzaixiankefu"></use>
                </svg>
                <div class="name">在线客服</div>
                <div class="code-name">#iconzaixiankefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoti2"></use>
                </svg>
                <div class="name">标题</div>
                <div class="code-name">#iconbiaoti2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlunbotu"></use>
                </svg>
                <div class="name">轮播图</div>
                <div class="code-name">#iconlunbotu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupianmofang"></use>
                </svg>
                <div class="name">图片魔方</div>
                <div class="code-name">#icontupianmofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbanquan"></use>
                </svg>
                <div class="name">版权</div>
                <div class="code-name">#iconbanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaidanshouqi"></use>
                </svg>
                <div class="name">菜单收起</div>
                <div class="code-name">#iconcaidanshouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaidanzhankai"></use>
                </svg>
                <div class="name">菜单展开</div>
                <div class="code-name">#iconcaidanzhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdan"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#icondingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconapp"></use>
                </svg>
                <div class="name">app</div>
                <div class="code-name">#iconapp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPC"></use>
                </svg>
                <div class="name">PC</div>
                <div class="code-name">#iconPC</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaochengxu"></use>
                </svg>
                <div class="name">小程序</div>
                <div class="code-name">#iconxiaochengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongzhonghao"></use>
                </svg>
                <div class="name">公众号</div>
                <div class="code-name">#icongongzhonghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconh5"></use>
                </svg>
                <div class="name">h5</div>
                <div class="code-name">#iconh5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#iconshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqiehuanhuiyuan"></use>
                </svg>
                <div class="name">切换会员</div>
                <div class="code-name">#iconqiehuanhuiyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguadan"></use>
                </svg>
                <div class="name">挂单</div>
                <div class="code-name">#iconguadan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhexiaodingdanjine"></use>
                </svg>
                <div class="name">核销订单金额</div>
                <div class="code-name">#iconhexiaodingdanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmendiandingdanjine"></use>
                </svg>
                <div class="name">门店订单金额</div>
                <div class="code-name">#iconmendiandingdanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmendianchengjiaoyonghushu"></use>
                </svg>
                <div class="name">门店成交用户数</div>
                <div class="code-name">#iconmendianchengjiaoyonghushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfufeihuiyuanjine"></use>
                </svg>
                <div class="name">付费会员金额</div>
                <div class="code-name">#iconfufeihuiyuanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyindingdanjine"></use>
                </svg>
                <div class="name">收银订单金额</div>
                <div class="code-name">#iconshouyindingdanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmendianxinzengyonghushu"></use>
                </svg>
                <div class="name">门店新增用户数</div>
                <div class="code-name">#iconmendianxinzengyonghushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuiyuankajihuoshu"></use>
                </svg>
                <div class="name">会员卡激活数</div>
                <div class="code-name">#iconhuiyuankajihuoshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinzengyonghushu1"></use>
                </svg>
                <div class="name">新增用户数</div>
                <div class="code-name">#iconxinzengyonghushu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenpeidingdanjine"></use>
                </svg>
                <div class="name">分配订单金额</div>
                <div class="code-name">#iconfenpeidingdanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyuexiaohaojine"></use>
                </svg>
                <div class="name">余额消耗金额</div>
                <div class="code-name">#iconyuexiaohaojine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerweima-xingerenzhongxin"></use>
                </svg>
                <div class="name">二维码-新个人中心</div>
                <div class="code-name">#iconerweima-xingerenzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuishan"></use>
                </svg>
                <div class="name">回删</div>
                <div class="code-name">#iconhuishan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinshuliang-jia"></use>
                </svg>
                <div class="name">商品数量-加</div>
                <div class="code-name">#iconshangpinshuliang-jia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinshuliang-jian"></use>
                </svg>
                <div class="name">商品数量-减</div>
                <div class="code-name">#iconshangpinshuliang-jian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupianguanggao1"></use>
                </svg>
                <div class="name">图片广告</div>
                <div class="code-name">#icontupianguanggao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousukuang1"></use>
                </svg>
                <div class="name">搜素框</div>
                <div class="code-name">#iconsousukuang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenzhangliebiao1"></use>
                </svg>
                <div class="name">文章列表</div>
                <div class="code-name">#iconwenzhangliebiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpintuan1"></use>
                </svg>
                <div class="name">拼团</div>
                <div class="code-name">#iconpintuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinliebiao1"></use>
                </svg>
                <div class="name">商品列表</div>
                <div class="code-name">#iconshangpinliebiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouhuiquan1"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#iconyouhuiquan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaochengxuzhibo1"></use>
                </svg>
                <div class="name">小程序直播</div>
                <div class="code-name">#iconxiaochengxuzhibo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmiaosha1"></use>
                </svg>
                <div class="name">秒杀</div>
                <div class="code-name">#iconmiaosha1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinwenbobao1"></use>
                </svg>
                <div class="name">新闻播报</div>
                <div class="code-name">#iconxinwenbobao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaohangzu1"></use>
                </svg>
                <div class="name">导航组</div>
                <div class="code-name">#icondaohangzu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoti1"></use>
                </svg>
                <div class="name">标题</div>
                <div class="code-name">#iconbiaoti1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenleidaohang1"></use>
                </svg>
                <div class="name">分类导航</div>
                <div class="code-name">#iconfenleidaohang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcuxiaoliebiao1"></use>
                </svg>
                <div class="name">促销列表</div>
                <div class="code-name">#iconcuxiaoliebiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhukongbai1"></use>
                </svg>
                <div class="name">辅助空白</div>
                <div class="code-name">#iconfuzhukongbai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuodongmofang1"></use>
                </svg>
                <div class="name">活动魔方</div>
                <div class="code-name">#iconhuodongmofang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanzhugongzhonghao1"></use>
                </svg>
                <div class="name">关注公众号</div>
                <div class="code-name">#iconguanzhugongzhonghao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkanjia1"></use>
                </svg>
                <div class="name">砍价</div>
                <div class="code-name">#iconkanjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhuxian1"></use>
                </svg>
                <div class="name">辅助线</div>
                <div class="code-name">#iconfuzhuxian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkefu1"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#iconkefu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwenben1"></use>
                </svg>
                <div class="name">富文本</div>
                <div class="code-name">#iconfuwenben1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondantu"></use>
                </svg>
                <div class="name">单图</div>
                <div class="code-name">#icondantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlashen"></use>
                </svg>
                <div class="name">拉伸</div>
                <div class="code-name">#iconlashen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpingpu"></use>
                </svg>
                <div class="name">平铺</div>
                <div class="code-name">#iconpingpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouhou-tuikuan-lan"></use>
                </svg>
                <div class="name">售后-退款-蓝</div>
                <div class="code-name">#iconshouhou-tuikuan-lan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifukuan-lan"></use>
                </svg>
                <div class="name">代付款-蓝</div>
                <div class="code-name">#icondaifukuan-lan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishouhuo-lan"></use>
                </svg>
                <div class="name">待收货-蓝</div>
                <div class="code-name">#icondaishouhuo-lan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaipingjia-lan"></use>
                </svg>
                <div class="name">待评价-蓝</div>
                <div class="code-name">#icondaipingjia-lan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifahuo-lan"></use>
                </svg>
                <div class="name">待发货-蓝</div>
                <div class="code-name">#icondaifahuo-lan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifukuan-ju"></use>
                </svg>
                <div class="name">待付款-橘</div>
                <div class="code-name">#icondaifukuan-ju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouhou-tuikuan-ju"></use>
                </svg>
                <div class="name">售后-退款-橘</div>
                <div class="code-name">#iconshouhou-tuikuan-ju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishouhuo-ju"></use>
                </svg>
                <div class="name">待收货-橘</div>
                <div class="code-name">#icondaishouhuo-ju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaipingjia-ju"></use>
                </svg>
                <div class="name">待评价-橘</div>
                <div class="code-name">#icondaipingjia-ju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifahuo-ju"></use>
                </svg>
                <div class="name">待发货-橘</div>
                <div class="code-name">#icondaifahuo-ju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaipingjia-fen"></use>
                </svg>
                <div class="name">待评价-粉</div>
                <div class="code-name">#icondaipingjia-fen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishouhuo-fen"></use>
                </svg>
                <div class="name">待收货-粉</div>
                <div class="code-name">#icondaishouhuo-fen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifukuan-fen"></use>
                </svg>
                <div class="name">代付款-粉</div>
                <div class="code-name">#icondaifukuan-fen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifahuo-fen"></use>
                </svg>
                <div class="name">待发货-粉</div>
                <div class="code-name">#icondaifahuo-fen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-shouhoutuikuan-fen"></use>
                </svg>
                <div class="name">售后:退款-粉</div>
                <div class="code-name">#icona-shouhoutuikuan-fen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifahuo-lv"></use>
                </svg>
                <div class="name">待发货-绿</div>
                <div class="code-name">#icondaifahuo-lv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishouhuo-lv"></use>
                </svg>
                <div class="name">待收货-绿</div>
                <div class="code-name">#icondaishouhuo-lv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifukuan-lv"></use>
                </svg>
                <div class="name">代付款-绿</div>
                <div class="code-name">#icondaifukuan-lv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaipingjia-lv"></use>
                </svg>
                <div class="name">待评价-绿</div>
                <div class="code-name">#icondaipingjia-lv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouhou-tuikuan-lv"></use>
                </svg>
                <div class="name">售后-退款-绿</div>
                <div class="code-name">#iconshouhou-tuikuan-lv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifukuan1"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#icondaifukuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaipingjia1"></use>
                </svg>
                <div class="name">待评价</div>
                <div class="code-name">#icondaipingjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouhou_tuikuan"></use>
                </svg>
                <div class="name">售后_退款</div>
                <div class="code-name">#iconshouhou_tuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifahuo1"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#icondaifahuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishouhuo1"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#icondaishouhuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icons-kefu"></use>
                </svg>
                <div class="name">s-客服</div>
                <div class="code-name">#icons-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduohang"></use>
                </svg>
                <div class="name">多行</div>
                <div class="code-name">#iconduohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon4ge1"></use>
                </svg>
                <div class="name">4个</div>
                <div class="code-name">#icon4ge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon5ge1"></use>
                </svg>
                <div class="name">5个</div>
                <div class="code-name">#icon5ge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondayuanjiao"></use>
                </svg>
                <div class="name">大圆角</div>
                <div class="code-name">#icondayuanjiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon3ge1"></use>
                </svg>
                <div class="name">3个</div>
                <div class="code-name">#icon3ge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondanhang"></use>
                </svg>
                <div class="name">单行</div>
                <div class="code-name">#icondanhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuoyoutuwen"></use>
                </svg>
                <div class="name">左右图文</div>
                <div class="code-name">#iconzuoyoutuwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi8"></use>
                </svg>
                <div class="name">样式8</div>
                <div class="code-name">#iconyangshi8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi9"></use>
                </svg>
                <div class="name">样式9</div>
                <div class="code-name">#iconyangshi9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi1"></use>
                </svg>
                <div class="name">样式1</div>
                <div class="code-name">#iconyangshi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi4"></use>
                </svg>
                <div class="name">样式4</div>
                <div class="code-name">#iconyangshi4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi5"></use>
                </svg>
                <div class="name">样式5</div>
                <div class="code-name">#iconyangshi5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi6"></use>
                </svg>
                <div class="name">样式6</div>
                <div class="code-name">#iconyangshi6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi2"></use>
                </svg>
                <div class="name">样式2</div>
                <div class="code-name">#iconyangshi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi7"></use>
                </svg>
                <div class="name">样式7</div>
                <div class="code-name">#iconyangshi7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyangshi3"></use>
                </svg>
                <div class="name">样式3</div>
                <div class="code-name">#iconyangshi3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuzi"></use>
                </svg>
                <div class="name">数字</div>
                <div class="code-name">#iconshuzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinyong"></use>
                </svg>
                <div class="name">禁用</div>
                <div class="code-name">#iconjinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon4ge"></use>
                </svg>
                <div class="name">4个</div>
                <div class="code-name">#icon4ge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon3ge"></use>
                </svg>
                <div class="name">3个</div>
                <div class="code-name">#icon3ge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon5ge"></use>
                </svg>
                <div class="name">5个</div>
                <div class="code-name">#icon5ge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon2hang"></use>
                </svg>
                <div class="name">2行</div>
                <div class="code-name">#icon2hang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon3hang"></use>
                </svg>
                <div class="name">3行</div>
                <div class="code-name">#icon3hang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon4hang"></use>
                </svg>
                <div class="name">4行</div>
                <div class="code-name">#icon4hang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiayi"></use>
                </svg>
                <div class="name">下移</div>
                <div class="code-name">#iconxiayi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangyi"></use>
                </svg>
                <div class="name">上移</div>
                <div class="code-name">#iconshangyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu2"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#iconfuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuixin"></use>
                </svg>
                <div class="name">最新</div>
                <div class="code-name">#iconzuixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxuanzhong6"></use>
                </svg>
                <div class="name">选中</div>
                <div class="code-name">#iconxuanzhong6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icontianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji2"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#iconbianji2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongengduozhankai1"></use>
                </svg>
                <div class="name">更多展开</div>
                <div class="code-name">#icongengduozhankai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupian3"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icontupian3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqing2"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#iconbiaoqing2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuashu1"></use>
                </svg>
                <div class="name">话术</div>
                <div class="code-name">#iconhuashu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpintuikuanjine"></use>
                </svg>
                <div class="name">商品退款金额</div>
                <div class="code-name">#iconshangpintuikuanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiaoyijine"></use>
                </svg>
                <div class="name">交易金额</div>
                <div class="code-name">#iconjiaoyijine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyuezhifujine"></use>
                </svg>
                <div class="name">余额支付金额</div>
                <div class="code-name">#iconyuezhifujine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifuyongjinjine"></use>
                </svg>
                <div class="name">支付佣金金额</div>
                <div class="code-name">#iconzhifuyongjinjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxianxiashouyinjine"></use>
                </svg>
                <div class="name">线下收银金额</div>
                <div class="code-name">#iconxianxiashouyinjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliaotian"></use>
                </svg>
                <div class="name">聊天</div>
                <div class="code-name">#iconliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji11"></use>
                </svg>
                <div class="name">编辑 (1)</div>
                <div class="code-name">#iconbianji11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinru"></use>
                </svg>
                <div class="name">进入</div>
                <div class="code-name">#iconjinru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icongengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfasong"></use>
                </svg>
                <div class="name">发送</div>
                <div class="code-name">#iconfasong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcha1"></use>
                </svg>
                <div class="name">叉</div>
                <div class="code-name">#iconcha1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#iconmima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#iconsousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouji"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#iconshouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icontuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinxinxi"></use>
                </svg>
                <div class="name">商品信息</div>
                <div class="code-name">#iconshangpinxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghao"></use>
                </svg>
                <div class="name">账号</div>
                <div class="code-name">#iconzhanghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqing"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#iconbiaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongengduozhankai"></use>
                </svg>
                <div class="name">更多展开</div>
                <div class="code-name">#icongengduozhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuashu"></use>
                </svg>
                <div class="name">话术</div>
                <div class="code-name">#iconhuashu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupian2"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icontupian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjia11"></use>
                </svg>
                <div class="name">添加 (1) (1)</div>
                <div class="code-name">#icontianjia11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji1"></use>
                </svg>
                <div class="name">编辑 (1)</div>
                <div class="code-name">#iconbianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshezhi1"></use>
                </svg>
                <div class="name">设置 (1)</div>
                <div class="code-name">#iconshezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiahao"></use>
                </svg>
                <div class="name">加号</div>
                <div class="code-name">#iconjiahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcha"></use>
                </svg>
                <div class="name">叉</div>
                <div class="code-name">#iconcha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#iconbianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduihao"></use>
                </svg>
                <div class="name">对号</div>
                <div class="code-name">#iconduihao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaipingjia"></use>
                </svg>
                <div class="name">待评价</div>
                <div class="code-name">#icondaipingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#icondaishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouhou-tuikuan"></use>
                </svg>
                <div class="name">售后-退款</div>
                <div class="code-name">#iconshouhou-tuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifahuo"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#icondaifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaifukuan"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#icondaifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanjie"></use>
                </svg>
                <div class="name">转接</div>
                <div class="code-name">#iconzhuanjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliulanqi"></use>
                </svg>
                <div class="name">浏览器</div>
                <div class="code-name">#iconliulanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfangkeshu"></use>
                </svg>
                <div class="name">访客数</div>
                <div class="code-name">#iconfangkeshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfangwenliang"></use>
                </svg>
                <div class="name">访问量</div>
                <div class="code-name">#iconfangwenliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchengjiaoyonghushu"></use>
                </svg>
                <div class="name">成交用户数</div>
                <div class="code-name">#iconchengjiaoyonghushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchongzhijianshu"></use>
                </svg>
                <div class="name">充值件数</div>
                <div class="code-name">#iconchongzhijianshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchengbenjine"></use>
                </svg>
                <div class="name">成本金额</div>
                <div class="code-name">#iconchengbenjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfufeihuiyuanshu"></use>
                </svg>
                <div class="name">付费会员数</div>
                <div class="code-name">#iconfufeihuiyuanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchongzhiyonghushu"></use>
                </svg>
                <div class="name">充值用户数</div>
                <div class="code-name">#iconchongzhiyonghushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongoumaihuiyuanjine"></use>
                </svg>
                <div class="name">购买会员金额</div>
                <div class="code-name">#icongoumaihuiyuanjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfangke-zhifuzhuanhuashuai"></use>
                </svg>
                <div class="name">访客-支付转化率</div>
                <div class="code-name">#iconfangke-zhifuzhuanhuashuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjingzengyonghu"></use>
                </svg>
                <div class="name">净增用户</div>
                <div class="code-name">#iconjingzengyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkedanjia"></use>
                </svg>
                <div class="name">客单价</div>
                <div class="code-name">#iconkedanjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiagoujianshu"></use>
                </svg>
                <div class="name">加购件数</div>
                <div class="code-name">#iconjiagoujianshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleijichongzhiyonghu"></use>
                </svg>
                <div class="name">累计充值用户</div>
                <div class="code-name">#iconleijichongzhiyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleijichengjiaoyonghu"></use>
                </svg>
                <div class="name">累计成交用户</div>
                <div class="code-name">#iconleijichengjiaoyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleijihuiyuanshu"></use>
                </svg>
                <div class="name">累计会员数</div>
                <div class="code-name">#iconleijihuiyuanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinliulanliang"></use>
                </svg>
                <div class="name">商品浏览量</div>
                <div class="code-name">#iconshangpinliulanliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinzhifujine"></use>
                </svg>
                <div class="name">商品支付金额</div>
                <div class="code-name">#iconshangpinzhifujine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuikuanjianshu"></use>
                </svg>
                <div class="name">退款件数</div>
                <div class="code-name">#icontuikuanjianshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleijiguanzhuyonghu"></use>
                </svg>
                <div class="name">累计关注用户</div>
                <div class="code-name">#iconleijiguanzhuyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuikuan"></use>
                </svg>
                <div class="name">退款</div>
                <div class="code-name">#icontuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiadanjianshu"></use>
                </svg>
                <div class="name">下单件数</div>
                <div class="code-name">#iconxiadanjianshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleijiquguanyonghu"></use>
                </svg>
                <div class="name">累计取关用户</div>
                <div class="code-name">#iconleijiquguanyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleijiyonghu"></use>
                </svg>
                <div class="name">累计用户</div>
                <div class="code-name">#iconleijiyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinzengquguanyonghu"></use>
                </svg>
                <div class="name">新增取关用户</div>
                <div class="code-name">#iconxinzengquguanyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinfangkeshu"></use>
                </svg>
                <div class="name">商品访客数</div>
                <div class="code-name">#iconshangpinfangkeshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinzengyonghushu"></use>
                </svg>
                <div class="name">新增用户数</div>
                <div class="code-name">#iconxinzengyonghushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinzengguanzhuyonghu"></use>
                </svg>
                <div class="name">新增关注用户</div>
                <div class="code-name">#iconxinzengguanzhuyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifujine"></use>
                </svg>
                <div class="name">支付金额</div>
                <div class="code-name">#iconzhifujine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyingyee"></use>
                </svg>
                <div class="name">营业额</div>
                <div class="code-name">#iconyingyee</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifujianshu"></use>
                </svg>
                <div class="name">支付件数</div>
                <div class="code-name">#iconzhifujianshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhichujine"></use>
                </svg>
                <div class="name">支出金额</div>
                <div class="code-name">#iconzhichujine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanji"></use>
                </svg>
                <div class="name">关机</div>
                <div class="code-name">#iconguanji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengyinjingyinxianxing"></use>
                </svg>
                <div class="name">声音 静音 线性</div>
                <div class="code-name">#iconshengyinjingyinxianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengyinyinliang"></use>
                </svg>
                <div class="name">声音</div>
                <div class="code-name">#iconshengyinyinliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanbi5"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#iconguanbi5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupian1"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icontupian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqing1"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#iconbiaoqing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghaomima"></use>
                </svg>
                <div class="name">账号密码</div>
                <div class="code-name">#iconzhanghaomima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerweima2"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#iconerweima2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjuxing"></use>
                </svg>
                <div class="name">矩形</div>
                <div class="code-name">#iconjuxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzidongxuanze"></use>
                </svg>
                <div class="name">自动选择</div>
                <div class="code-name">#iconzidongxuanze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoudongxuanze"></use>
                </svg>
                <div class="name">手动选择</div>
                <div class="code-name">#iconshoudongxuanze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondanlie"></use>
                </svg>
                <div class="name">单列</div>
                <div class="code-name">#icondanlie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlianglie"></use>
                </svg>
                <div class="name">两列</div>
                <div class="code-name">#iconlianglie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsanlie"></use>
                </svg>
                <div class="name">三列</div>
                <div class="code-name">#iconsanlie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhibozhong"></use>
                </svg>
                <div class="name">直播中</div>
                <div class="code-name">#iconzhibozhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyijieshu"></use>
                </svg>
                <div class="name">已结束</div>
                <div class="code-name">#iconyijieshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweikaishi"></use>
                </svg>
                <div class="name">未开始</div>
                <div class="code-name">#iconweikaishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondrag2"></use>
                </svg>
                <div class="name">drag2</div>
                <div class="code-name">#icondrag2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbanner_3"></use>
                </svg>
                <div class="name">banner_3~</div>
                <div class="code-name">#iconbanner_3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaochengxuzhibo"></use>
                </svg>
                <div class="name">小程序直播</div>
                <div class="code-name">#iconxiaochengxuzhibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconSolidline"></use>
                </svg>
                <div class="name">Solid line</div>
                <div class="code-name">#iconSolidline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDottedline"></use>
                </svg>
                <div class="name">Dotted line</div>
                <div class="code-name">#iconDottedline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDotline"></use>
                </svg>
                <div class="name">Dot line</div>
                <div class="code-name">#iconDotline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondrop-down"></use>
                </svg>
                <div class="name">drop-down</div>
                <div class="code-name">#icondrop-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDot"></use>
                </svg>
                <div class="name">Dot</div>
                <div class="code-name">#iconDot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconSquarepoint"></use>
                </svg>
                <div class="name">Square point</div>
                <div class="code-name">#iconSquarepoint</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondel_2"></use>
                </svg>
                <div class="name">del_2</div>
                <div class="code-name">#icondel_2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaddto"></use>
                </svg>
                <div class="name">add to</div>
                <div class="code-name">#iconaddto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondel_1"></use>
                </svg>
                <div class="name">del_1</div>
                <div class="code-name">#icondel_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondrag"></use>
                </svg>
                <div class="name">drag</div>
                <div class="code-name">#icondrag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconComm_number"></use>
                </svg>
                <div class="name">Comm_number</div>
                <div class="code-name">#iconComm_number</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconComm_whole"></use>
                </svg>
                <div class="name">Comm_whole</div>
                <div class="code-name">#iconComm_whole</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconComm_Price"></use>
                </svg>
                <div class="name">Comm_Price</div>
                <div class="code-name">#iconComm_Price</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPic_square"></use>
                </svg>
                <div class="name">Pic_square</div>
                <div class="code-name">#iconPic_square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPic_fillet"></use>
                </svg>
                <div class="name">Pic_fillet</div>
                <div class="code-name">#iconPic_fillet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch_2"></use>
                </svg>
                <div class="name">search_2</div>
                <div class="code-name">#iconsearch_2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch_1"></use>
                </svg>
                <div class="name">search_1</div>
                <div class="code-name">#iconsearch_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbanner_2"></use>
                </svg>
                <div class="name">banner_2</div>
                <div class="code-name">#iconbanner_2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPic_small"></use>
                </svg>
                <div class="name">Pic_small</div>
                <div class="code-name">#iconPic_small</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPic_big"></use>
                </svg>
                <div class="name">Pic_big</div>
                <div class="code-name">#iconPic_big</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbanner_1"></use>
                </svg>
                <div class="name">banner_1</div>
                <div class="code-name">#iconbanner_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondoc_skew"></use>
                </svg>
                <div class="name">doc_skew</div>
                <div class="code-name">#icondoc_skew</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondoc_bold"></use>
                </svg>
                <div class="name">doc_bold</div>
                <div class="code-name">#icondoc_bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondoc_general"></use>
                </svg>
                <div class="name">doc_general</div>
                <div class="code-name">#icondoc_general</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfive"></use>
                </svg>
                <div class="name">five</div>
                <div class="code-name">#iconfive</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconFour"></use>
                </svg>
                <div class="name">Four</div>
                <div class="code-name">#iconFour</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondoc_center"></use>
                </svg>
                <div class="name">doc_center</div>
                <div class="code-name">#icondoc_center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondoc_right"></use>
                </svg>
                <div class="name">doc_right</div>
                <div class="code-name">#icondoc_right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondoc_left"></use>
                </svg>
                <div class="name">doc_left</div>
                <div class="code-name">#icondoc_left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icontupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkefu"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#iconkefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhuxian"></use>
                </svg>
                <div class="name">辅助线</div>
                <div class="code-name">#iconfuzhuxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoti"></use>
                </svg>
                <div class="name">标题</div>
                <div class="code-name">#iconbiaoti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaohangzu"></use>
                </svg>
                <div class="name">导航组</div>
                <div class="code-name">#icondaohangzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhukongbai"></use>
                </svg>
                <div class="name">辅助空白</div>
                <div class="code-name">#iconfuzhukongbai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenleidaohang"></use>
                </svg>
                <div class="name">分类导航</div>
                <div class="code-name">#iconfenleidaohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcuxiaoliebiao"></use>
                </svg>
                <div class="name">促销列表</div>
                <div class="code-name">#iconcuxiaoliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkanjia"></use>
                </svg>
                <div class="name">砍价</div>
                <div class="code-name">#iconkanjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanzhugongzhonghao"></use>
                </svg>
                <div class="name">关注公众号</div>
                <div class="code-name">#iconguanzhugongzhonghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuodongmofang"></use>
                </svg>
                <div class="name">活动魔方</div>
                <div class="code-name">#iconhuodongmofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwenben"></use>
                </svg>
                <div class="name">富文本</div>
                <div class="code-name">#iconfuwenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmiaosha"></use>
                </svg>
                <div class="name">秒杀</div>
                <div class="code-name">#iconmiaosha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpinliebiao"></use>
                </svg>
                <div class="name">商品列表</div>
                <div class="code-name">#iconshangpinliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpintuan"></use>
                </svg>
                <div class="name">拼团</div>
                <div class="code-name">#iconpintuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousukuang"></use>
                </svg>
                <div class="name">搜素框</div>
                <div class="code-name">#iconsousukuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupianguanggao"></use>
                </svg>
                <div class="name">图片广告</div>
                <div class="code-name">#icontupianguanggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinwenbobao"></use>
                </svg>
                <div class="name">新闻播报</div>
                <div class="code-name">#iconxinwenbobao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenzhangliebiao"></use>
                </svg>
                <div class="name">文章列表</div>
                <div class="code-name">#iconwenzhangliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouhuiquan"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#iconyouhuiquan</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
